.btn{letter-spacing:-.01em;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:16px 28px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.btn__icon{flex-shrink:0;align-items:center;display:inline-flex}.btn--primary{background:var(--yellow);color:var(--ink)}@media (hover:hover){.btn--primary:hover{background:var(--ink);color:var(--yellow);transform:translateY(-2px);box-shadow:0 8px 28px #0e0e0e3d}}.btn--primary.btn--dark{background:var(--ink);color:var(--bg)}@media (hover:hover){.btn--primary.btn--dark:hover{color:var(--ink);box-shadow:inset 0 0 0 2px var(--yellow);background:0 0;transform:translateY(-2px)}}.btn--ghost{color:var(--ink);border:1.5px solid var(--line-strong);background:0 0;padding:14px 26px}@media (hover:hover){.btn--ghost:hover{background:var(--ink);color:var(--bg);border-color:var(--ink);transform:translateY(-2px)}}.btn--link{color:var(--muted);background:0 0;border:none;border-radius:0;padding:0;font-size:14px;font-weight:600}@media (hover:hover){.btn--link:hover{color:var(--ink);transform:none}}@media (max-width:480px){.btn--primary,.btn--ghost{padding:11px 16px;font-size:13px}}