Modèle:ButtonGrid/styles.css

/* Conteneur principal */
.minicardv2-container{
  width:100% !important;
  margin:0 !important;
  padding:.4rem 0 !important;

  /* Ligne */
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  gap:.6rem !important;
  align-items:stretch !important;

  /* Responsive: scroll si trop serré */
  overflow-x:auto;
  overflow-y:hidden;

  /* Pas d'encadré hérité */
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Le point bloquant chez toi : le paramètre est rendu dans un <pre> */
.minicardv2-container pre{
  /* on annule l'effet "code block" */
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  /* on neutralise l'affichage pre */
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  gap:.6rem !important;
  align-items:stretch !important;

  /* le pre garde normalement les retours ligne */
  white-space:normal !important;

  width:100% !important;
  overflow:visible !important;
}

/* Les tuiles : tes liens sont <a class="external text"> */
.minicardv2-container a.external.text{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.5rem !important;

  /* Adaptation au nombre de tuiles */
  flex:1 1 0 !important;
  min-width:120px;                 /* ajuste (ex 100/140) */

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

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

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

  background-image:none !important;
}

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