Modèle:SocialButton/styles.css

/* Bandeau */
.sb-footer{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  padding:18px;
  border-radius:12px;
  background:#343a40;
}

/* Colonnes */
.sb-col{
  flex:1 1 320px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.sb-title{
  color:#fff;
  font-weight:700;
  font-size:1.15rem;
}

/* Ligne */
.sb-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}


/* ===== Même logique visuelle que ButtonLink ===== */

.sb-icon,
.sb-support{
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.1);
  transition:all .3s cubic-bezier(.4,0,.2,1);

  display:flex;
  align-items:center;
  justify-content:center;

  text-align:center;
}

.sb-icon:hover,
.sb-support:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 16px rgba(0,0,0,.2);
}


/* tailles */
.sb-icon{
  width:58px;
  height:58px;
}

.sb-support{
  height:58px;
  padding:0 14px;
  gap:10px;
}


/* lien généré par MediaWiki */
.sb-footer a{
  color:#fff !important;
  text-decoration:none !important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  height:100%;
}

.sb-footer a.external::after{
  display:none !important;
}