.bouton-principal {
    font-size: calc(1.35em * var(--scale)) !important;
    padding: calc(14px * var(--scale)) calc(24px * var(--scale));
    margin-bottom: calc(12px * var(--scale));
    line-height: 1.2;
}

.bouton-secondaire {
    font-size: calc(1em * var(--scale));
    padding: calc(10px * var(--scale)) calc(20px * var(--scale));
    opacity: 0.9;
    line-height: 1.2;
}

/* =========================
   ANIMATION PULSE
========================= */

.pulse {
    animation: pulseBouton 1.4s infinite;
}

@keyframes pulseBouton {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.045); /* très léger ajustement */
    }
    100% {
        transform: scale(1);
    }
}

/* =========================
   MOBILE
========================= */

@media (max-width:700px){

    .bouton-principal {
        font-size: calc(1.4em * var(--scale)) !important;
        padding: calc(15px * var(--scale)) calc(22px * var(--scale));
        margin-bottom: calc(12px * var(--scale));
    }

    .bouton-secondaire {
        font-size: calc(1.05em * var(--scale));
        padding: calc(11px * var(--scale)) calc(18px * var(--scale));
    }

}