.btn{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:background .16s,color .16s,box-shadow .16s,transform .1s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-accent{background:var(--color-primary);color:var(--color-cream)}.btn-accent:hover:not(:disabled){background:var(--color-primary-deep)}.btn-ghost{color:var(--color-ink);border:1px solid var(--color-line);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--color-ink);background:var(--color-cream-deep)}.btn-outline{background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-line)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-sm{padding:8px 14px;font-size:12px}.btn-lg{padding:16px 28px;font-size:16px}.btn-cream{background:var(--color-cream);color:var(--color-ink)}.btn-cream:hover:not(:disabled){background:var(--color-paper)}.btn-primary{background:var(--color-ink);color:var(--color-cream)}.btn-primary:hover:not(:disabled){background:var(--color-primary)}.btn-ghost-dark{color:var(--color-cream);background:0 0;border:1px solid #fff3}.btn-ghost-dark:hover:not(:disabled){background:#ffffff14;border-color:#fff6}.btn-danger{background:var(--color-danger);color:var(--color-cream)}.btn-danger:hover:not(:disabled){background:var(--color-danger-deep)}.btn-icon{border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.btn-icon.btn-sm{width:32px;height:32px}.btn-icon.btn-lg{width:52px;height:52px}.btn-full{width:100%}.btn-loading{pointer-events:none}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite btn-spin}