.elementor .coloreffect-button{font-family:Space Grotesk;font-weight:700;font-size:0.82rem;color:var(--Texte);letter-spacing:0.04em;text-transform:uppercase;padding-block-start:0.85rem;padding-block-end:0.85rem;padding-inline-start:1.5rem;padding-inline-end:1.5rem;border-radius:9999px;border-width:1.5px;background-color:var(--blanc);transition:all 150ms;display:inline-flex;justify-content:center;align-items:center;background: linear-gradient(135deg, #d9dde2 0%, #b8c6d8 20%, #e7c3d6 40%, #cbb8e0 60%, #bcd4d0 80%, #dcdfe4 100%) !important;
border: none !important; /* Optionnel : retire les bordures si besoin */\n}.elementor .coloreffect-button:hover,.elementor .coloreffect-button:focus-visible{transform:translate3d(0px, -2px, 0px);}.elementor .effect-transparent-button{font-family:Space Grotesk;font-weight:700;font-size:0.82rem;color:var(--blanc);letter-spacing:0.04em;text-transform:uppercase;padding-block-start:0.85rem;padding-block-end:0.85rem;padding-inline-start:1.5rem;padding-inline-end:1.5rem;border-radius:9999px;border-width:1.5px;border-color:var(--blanc);border-style:none;background-color:#ffffff00;transition:all 150ms;display:inline-flex;justify-content:center;align-items:center;.elementor-button-text {
background: linear-gradient(135deg, #d9dde2 0%, #b8c6d8 20%, #e7c3d6 40%, #cbb8e0 60%, #bcd4d0 80%, #dcdfe4 100%);
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}

/* 2. Force le bouton à accepter le masque */
element.style .elementor-button {
background: transparent !important;
position: relative !important;
border: none !important;
z-index: 1 !important;
}

/* 3. Génère la bordure dégradée par-dessus */
element.style .elementor-button::before {
content: "" !important;
position: absolute !important;
top: 0 !important; 
left: 0 !important; 
right: 0 !important; 
bottom: 0 !important;
border-radius: inherit !important; 
padding: 2px !important; /* Épaisseur de la bordure */
background: linear-gradient(135deg, #d9dde2 0%, #b8c6d8 20%, #e7c3d6 40%, #cbb8e0 60%, #bcd4d0 80%, #dcdfe4 100%) !important;

/* Technique du masque */
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
-webkit-mask-composite: xor !important;
mask-composite: exclude !important;
pointer-events: none !important;
z-index: -1 !important;\n}.elementor .effect-transparent-button:hover,.elementor .effect-transparent-button:focus-visible{transform:translate3d(0px, -2px, 0px);}