.social-links {
  width: 100%;
  opacity: 0.9;
}

.social-icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px 40px;
  list-style: none;
  padding: 0;
  margin: 0;

  &--share {
    @extend .social-icons;
    justify-content: flex-start;
    gap: 10px 15px;
    li {
      border: 1px solid var(--color-contrast-medium-low);
      border-radius: 100px;
      padding: 12px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
}