.social-buttons {
  display: flex;               /* active le mode flexbox */
  justify-content: center;     /* centre les boutons horizontalement */
  align-items: center;         /* aligne les boutons verticalement au centre */
  gap: 12px;                   /* espace de 12px entre chaque bouton */
  flex-wrap: wrap;             /* permet aux boutons de passer à la ligne si manque de place */
  margin: 5px 0;           /* 30px d'espace en haut et en bas, 0 à gauche et droite */
}

.social-buttons a {
  flex: 1 1 260px; /* ← cle : base de 260px, peut grandir/reétrecir-taille de base 260px */
  max-width: 260px;                 /* ne dépasse jamais 260px de large */
}

.social-buttons img {
  width: 100%;                       /* prend toute la largeur du lien parent */
  height: auto;                      /* hauteur automatique pour garder les proportions */
  transition: transform 0.2s ease;   /* animation fluide de 0.2s sur le survol */
}

.social-buttons a:hover img {
  transform: scale(1.02);            /* agrandit legerement l'image à 102% au survol */
}