.social-links__list {
    display: flex;
    gap: 8px;
}
.social-links__item {
    text-decoration: none;
    border-radius: 999px;
    background: #fff;
    padding: 18px;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    box-shadow: 0 0 30px 0 rgba(42, 48, 71, 0.1);
}
.social-links__item svg {
  flex: none;
}
.social-links__item svg path {
  transition: all 600ms cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: all 600ms cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: all 600ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.social-links__item:not(:hover) svg path {
  fill: #2D2C38;
}
.social-links__item:hover {
  opacity: 1;
}