« Modèle:Button/styles.css » : différence entre les versions

@@ Ligne 115 : / Ligne 115 : @@
      justify-content: center;
      flex-shrink: 0;
-     border-radius: 8px;
+     width: 200px;           /* Largeur fixe généreuse */
-     padding: 0.5rem;
+     height: 60px;           /* Hauteur fixe augmentée */
-    background: transparent;
      margin-right: 1rem;
      overflow: hidden;
-     /* Hauteur fixe, largeur auto */
+     background: transparent;
-    height: 100%;
-    max-width: 50%;
 }
 /* Image à droite : inverser les marges */
-.button-link--position-right .button-link-image-container {
+.button-link--imagepos-right .button-link-image-container {
      margin-right: 0;
      margin-left: 1rem;
@@ Ligne 135 : / Ligne 132 : @@
      align-items: center;
      justify-content: center;
+    width: 100%;
      height: 100%;
-    width: auto;
 }
 .button-link-image-container img {
-    height: 100%;
-    width: auto;
      max-width: 100%;
+    max-height: 100%;
+    width: auto !important;
+    height: auto !important;
      object-fit: contain;
      display: block;
+    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
 }
+/* IMAGE CENTRÉE (sans texte) : plus grande */
+.button-link--imagepos-center .button-link-image-container {
+    width: 250px;
+    height: 70px;
+    margin: 0 auto;
+}