.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);border:1px solid transparent;border-radius:var(--r-pill);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--dur-fast) var(--easing);white-space:nowrap;font-family:var(--font)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-xs{height:26px;padding:0 10px;font-size:var(--fs-12)}.btn-sm{height:32px;padding:0 var(--s-3);font-size:var(--fs-13)}.btn-md{height:38px;padding:0 var(--s-4);font-size:var(--fs-14)}.btn-lg{height:46px;padding:0 var(--s-5);font-size:var(--fs-15)}.btn-icon{width:32px;height:32px;padding:0;background:color-mix(in srgb,var(--on-accent) 12%,transparent);color:var(--on-accent);border-color:color-mix(in srgb,var(--on-accent) 18%,transparent)}.btn-icon:hover{background:color-mix(in srgb,var(--on-accent) 20%,transparent)}.btn-icon:focus-visible{box-shadow:var(--ring-on-dark)}.btn-primary{background:var(--brand);color:var(--on-accent)}.btn-primary:hover{background:var(--brand-600)}.btn-primary:active{background:var(--brand-700)}.btn-ink{background:var(--ink);color:var(--on-accent)}.btn-ink:hover{background:var(--ink-700)}[data-theme=dark] .btn-ink{background:var(--surface-3)}.btn-ghost{background:transparent;color:var(--text-2);border-color:transparent}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-outline{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-outline:hover{border-color:var(--text-2)}.btn-danger{background:var(--danger);color:var(--on-accent)}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 85%,var(--ink))}.btn-vault{background:var(--vault);color:var(--on-accent)}.btn-vault:hover{background:color-mix(in srgb,var(--vault) 85%,var(--ink))}