@charset "utf-8";
/* « Analyser ma facture » : texte blanc sur bleu. « Parler à un expert » : texte bleu sur blanc. Validé le 07/10/2026. */
:root{--cta-1:#4A7DF0;--cta-2:#3B6FE5;--cta-3:#2C56C9;}
:root .btn-primary,:root .lw-nav .menu a.nav-cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:auto;font-family:'Montserrat',sans-serif;font-weight:800;font-size:16px;line-height:1;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;color:#fff;background:linear-gradient(135deg,var(--cta-1) 0%,var(--cta-2) 45%,var(--cta-3) 100%);border:0;border-radius:999px;padding:8px 8px 8px 24px;cursor:pointer;animation:none;box-shadow:0 10px 24px rgba(59,111,229,.3),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease;}
/* la pastille qui porte la flèche */
:root .btn-primary::after,:root .lw-nav .menu a.nav-cta::after{content:"";flex:none;width:36px;height:36px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232C56C9' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 15px 15px no-repeat;box-shadow:0 2px 6px rgba(0,31,107,.18);transition:transform .25s cubic-bezier(.2,.7,.2,1);}
/* un reflet traverse le bouton au survol */
:root .btn-primary::before,:root .lw-nav .menu a.nav-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.32) 50%,transparent 68%);transform:translateX(-120%);transition:transform .75s ease;}
:root .btn-primary:hover,:root .lw-nav .menu a.nav-cta:hover{color:#fff;background:linear-gradient(135deg,var(--cta-1) 0%,var(--cta-2) 45%,var(--cta-3) 100%);transform:translateY(-2px);box-shadow:0 18px 36px rgba(59,111,229,.42),inset 0 1px 0 rgba(255,255,255,.25);}
:root .btn-primary:hover::after,:root .lw-nav .menu a.nav-cta:hover::after{transform:translateX(4px);animation:none;}
:root .btn-primary:hover::before,:root .lw-nav .menu a.nav-cta:hover::before{transform:translateX(120%);}
:root .btn-primary:active,:root .lw-nav .menu a.nav-cta:active{transform:translateY(0) scale(.98);}
:root .btn-primary:focus-visible,:root .lw-nav .menu a.nav-cta:focus-visible{outline:3px solid #9FB8F5;outline-offset:3px;}
/* dans l'ouverture : le grand format, et la flèche donne un petit élan toutes les cinq secondes */
:root .hero .btn-primary,:root #lw-hero .btn-primary{font-size:17px;font-weight:800;gap:14px;padding:9px 9px 9px 28px;border-radius:999px;box-shadow:0 10px 24px rgba(59,111,229,.3),inset 0 1px 0 rgba(255,255,255,.25);}
:root .hero .btn-primary:hover,:root #lw-hero .btn-primary:hover{box-shadow:0 18px 36px rgba(59,111,229,.42),inset 0 1px 0 rgba(255,255,255,.25);}
:root .hero .btn-primary::after,:root #lw-hero .btn-primary::after{width:40px;height:40px;background-size:17px 17px;animation:lwCtaElan 5.5s ease-in-out 2.5s infinite;}
@keyframes lwCtaElan{0%,84%,100%{transform:none;}88%{transform:translateX(6px);}92%{transform:translateX(0);}95%{transform:translateX(3px);}}
/* dans la barre du haut : le petit format */
:root .lw-nav .menu a.nav-cta{font-size:13.5px;gap:10px;padding:5px 5px 5px 16px;}
:root .lw-nav .menu a.nav-cta::after{width:28px;height:28px;background-size:12px 12px;box-shadow:none;}
@media (max-width:900px){ :root .lw-nav .menu a.nav-cta{display:flex;justify-content:space-between;margin:8px 24px 6px;padding:7px 7px 7px 20px;font-size:15px;} }
@media (max-width:600px){ :root .hero .btn-primary,:root #lw-hero .btn-primary{display:flex;width:100%;justify-content:space-between;padding-left:26px;} }
/* « Parler à un expert » : texte bleu sur blanc, la flèche sur une pastille bleue */
:root .btn-primary.btn-expert,:root .lw-nav .menu a.nav-cta.btn-expert{color:var(--cta-3);background:#fff;box-shadow:inset 0 0 0 1.5px rgba(59,111,229,.55),0 8px 20px rgba(15,23,42,.08);}
:root .btn-primary.btn-expert::after,:root .lw-nav .menu a.nav-cta.btn-expert::after{background-color:var(--cta-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");box-shadow:none;}
:root .btn-primary.btn-expert::before,:root .lw-nav .menu a.nav-cta.btn-expert::before{background:linear-gradient(110deg,transparent 32%,rgba(59,111,229,.14) 50%,transparent 68%);}
:root .btn-primary.btn-expert:hover,:root .lw-nav .menu a.nav-cta.btn-expert:hover{color:var(--cta-3);background:#F3F6FF;box-shadow:inset 0 0 0 1.5px var(--cta-2),0 14px 28px rgba(59,111,229,.22);}
@media (prefers-reduced-motion:reduce){
  :root .btn-primary,:root .lw-nav .menu a.nav-cta,:root .btn-primary::after,:root .lw-nav .menu a.nav-cta::after,:root .btn-primary::before,:root .lw-nav .menu a.nav-cta::before{transition:none;}
  :root .hero .btn-primary::after,:root #lw-hero .btn-primary::after{animation:none;}
}