Modèle:ButtonGrid/styles.css

/* Conteneur : 1 ligne, pleine largeur, gap constant */
.minicardv2-container{
  display:flex;
  align-items:stretch;
  gap:.6rem;

  width:100%;
  padding:.4rem 0;
  box-sizing:border-box;

  flex-wrap:nowrap;        /* toujours sur 1 ligne */
  overflow-x:auto;         /* responsive: scroll si ça ne rentre pas */
  overflow-y:hidden;
}

/* MediaWiki injecte parfois <p> et <br> avec des retours ligne dans le paramètre */
.minicardv2-container p{
  margin:0;
  display:contents;        /* pour ne pas créer un “bloc” intermédiaire */
}

.minicardv2-container br{
  display:none;
}

/* Tuiles : elles se partagent la largeur disponible */
.minicardv2-container a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;

  flex:1 1 0;              /* clé: 5 => plus large, 7 => plus étroit */
  min-width:120px;         /* seuil avant scroll (ajuste si tu veux) */

  padding:.55rem .8rem;
  border-radius:12px;

  font-weight:600;
  text-decoration:none;
  white-space:nowrap;

  background-color:#111;
  color:#fff;

  /* neutralise parfois l’icône externe via background-image */
  background-image:none;
}

/* Icône */
.minicardv2-container a img{
  width:18px;
  height:18px;
}