/* Tároló doboz az ikonoknak */
.social-share-container {
  display: flex;
  gap: 15px; /* Távolság a gombok között */
  align-items: center;
}

/* Alap gomb stílus minden ikonhoz */
.social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transition: transform 0.2s ease, filter 0.2s ease;
}

/* Belső SVG grafikák méretezése */
.social-btn svg {
  width: 26px;
  height: 26px;
  fill: #ffffff; /* Minden belső ikon alapértelmezetten fehér */
}

/* === EGYEDI MÁRKASZÍNEK ÉS EFFEKTUSOK === */

/* Facebook */
.social-btn.facebook {
  background-color: #1877F2;
}

/* Instagram (Hivatalos színátmenet) */
.social-btn.instagram {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

/* TikTok (Tiszta fekete háttér a logónak) */
.social-btn.tiktok {
  background-color: #000000;
}

/* LinkedIn */
.social-btn.linkedin {
  background-color: #0A66C2;
}

/* Közös lebegési (Hover) effektus minden gombra */
.social-btn:hover {
  transform: scale(1.08); /* Enyhe nagyítás */
  filter: brightness(90%); /* Finom sötétedés */
}
