/* ==========================================================
   BOTONES — relleno por barrido horizontal
   ========================================================== */

/* Botones con relleno por barrido */
.btn-primary, .btn-ghost{
  position:relative; overflow:hidden; z-index:0;
  padding:14px 28px; font-size:14px; font-weight:500; text-decoration:none;
  transition:color var(--t-hover) ease, border-color var(--t-hover) ease;
}
.btn-primary::before, .btn-ghost::before{
  content:""; position:absolute; inset:0; z-index:-1;
  transform:scaleX(0); transform-origin:left;
  transition:transform var(--t-hover) var(--ease-flip);
}
.btn-primary{background:var(--paper); color:var(--navy); border:1px solid var(--paper);}
.btn-primary::before{background:var(--navy);}
.btn-primary:hover{color:var(--paper);}
.btn-primary:hover::before{transform:scaleX(1);}
.btn-ghost{border:1px solid rgba(246,243,236,0.4); color:var(--paper);}
.btn-ghost::before{background:var(--paper);}
.btn-ghost:hover{color:var(--navy); border-color:var(--paper);}
.btn-ghost:hover::before{transform:scaleX(1);}