.socials {
  display: flex;
  gap: 32px;
  justify-content: center;
}

.socials__item {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s ease-in-out;
}

.socials__item:hover {
  color: var(--color-secondary);
}

.socials__item[href*="facebook"]:hover {
  color: #45639e;
}

.socials__item[href*="twitter"]:hover {
  color: #23b9eb;
}

.socials__item[href*="youtube"]:hover {
  color: #e62117;
}

@media (prefers-reduced-motion: reduce) {
  .socials__item {
    transition: none;
  }
}