/* zeyi-symfony/assets/styles/socials.css
   Pastilles réseaux sociaux aux couleurs officielles de chaque marque.
   S'applique à tout lien portant la classe .social--{plateforme}. */

.social {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: none;
  border: 0;
  border-radius: 50%;
  color: #ffffff;
  font-size: 19px;
  transition: transform 0.18s ease, filter 0.18s ease;
}

.social:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
}

.social i {
  color: #ffffff;
}

.social--instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.social--facebook {
  background: #1877f2;
}

.social--tiktok {
  background: #000000;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.social--tiktok i {
  text-shadow: -1.5px -1px 0 #25f4ee, 1.5px 1px 0 #fe2c55;
}