/* Container principal */
.social-share {
  display: flex;          /* Aligne tous les boutons sur une seule ligne */
  flex-wrap: nowrap;      /* Interdit le retour à la ligne */
  align-items: center;    /* Centre verticalement les icônes */
  gap: 5px;               /* Espacement entre chaque icône (ajustable) */
}

/* Le lien / bouton autour de l'icône */
.social-share .btn-share {
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  justify-content: center;
  width: 32px; !important;    /* Largeur du bouton (par exemple 32px au lieu de 40px ou 48px) */
  height: 32px; !important;   /* Hauteur du bouton */
  flex-shrink: 0;         /* Empêche le bouton de s'écraser si l'écran est petit */
  text-decoration: none;
}

/* L'icône SVG à l'intérieur */
.social-share .btn-share .icon {
  width: 18px; !important;  /* Taille du SVG à l'intérieur (ex: 18px ou 20px) */
  height: 18px; !important;
}

/* Couleurs des réseaux */
.facebook { background-color: #1877f2; }
.twitter  { background-color: #000000; }
.linkedin { background-color: #0a66c2; }
.whatsapp { background-color: #25d366; }
.reddit    { background-color: #ff4500; }
.mastodon  { background-color: #6364ff; }
.bluesky   { background-color: #0285ff; }
.wordpress { background-color: #21759b; }

.btn-share:hover {
  opacity: 0.85;
  }