/* meyia-boutons.css, geometrie CTA MEYIA.
   Perimetre strict : .btn, .btn-primary, .btn-secondary, leurs etats, le curseur.
   Rien d'autre : pas de mise en page, pas de nav, pas de contexte de page.
   Valeurs restaurees a l'identique du commit d4c73d8, seul le rayon change,
   via --radius-cta, decouple du token --radius general des pages. */

:root{
  --radius-cta:5px;
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--ff-sans);font-weight:700;font-size:13.5px;
  padding:7px 14px;border-radius:var(--radius-cta);cursor:pointer;
  border:1.5px solid transparent;text-decoration:none;transition:.18s ease;
}
.btn-primary{background:var(--safran);color:var(--on-safran)}
.btn-primary:hover{background:var(--safran-600);transform:translateY(-1px)}
.btn-primary:disabled{opacity:.55;cursor:default;transform:none}
.btn-secondary{background:transparent;border-color:var(--petrole-700);color:var(--petrole-700)}
.btn-secondary:hover{background:var(--petrole-50)}
.btn.on-dark.btn-secondary{border-color:var(--petrole-300);color:var(--texte-sombre)}
.btn.on-dark.btn-secondary:hover{background:rgba(255,255,255,.06)}

/* Curseur du CTA principal, valide separement : un seul par page, jamais sur un secondaire.
   Il suit le renversement du fond, une regle par contexte, pas de valeur unique :
   sur fond safran (btn-primary par defaut) -> curseur petrole
   sur fond petrole (btn-primary on-dark)   -> curseur safran */
.cta-cursor{
  display:inline-block;
  width:2px;
  height:1cap;
  background:var(--petrole-700);
  margin-left:8px;
  vertical-align:baseline;
  letter-spacing:0;
}
.btn.on-dark .cta-cursor{
  background:var(--safran);
}