/* ============================================================
   Buttons — shared pill button component and variants.
   ============================================================ */
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;font-family:var(--sans);font-size:14px;font-weight:500;border-radius:999px;border:1px solid transparent;transition:all .2s;cursor:pointer;letter-spacing:-.005em}
.btn.primary{background:var(--ink);color:var(--cream)}
.btn.primary .a{color:var(--ember);transition:transform .2s}
.btn.primary:hover{background:var(--aubergine)}
.btn.primary:hover .a{transform:translateX(3px)}
.btn.ghost{background:transparent;color:var(--ink);border-color:#C9C2BD}
.btn.ghost:hover{border-color:var(--ink)}
.btn.ember{background:var(--ember);color:#fff}
.btn.ember:hover{background:#e63d1f}
.btn.lg{padding:16px 28px;font-size:15px}