.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.78rem 1.5rem;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--step-0);font-weight:600;line-height:1.2;letter-spacing:-.01em;white-space:nowrap;isolation:isolate;overflow:hidden;transition:transform var(--speed) var(--ease-spring),box-shadow var(--speed) var(--ease-out),background-color var(--speed) var(--ease-out),border-color var(--speed) var(--ease-out),color var(--speed) var(--ease-out)}.btn:active{transform:translateY(1px) scale(.99)}.btn__icon{display:inline-flex;transition:transform var(--speed) var(--ease-spring)}.btn:hover .btn__icon{transform:translate(3px)}.btn--primary{color:#fff;background:var(--gradient-brand);background-size:180% 180%;box-shadow:var(--shadow-glow),var(--shadow-sm)}.btn--primary:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 26px 55px -18px color-mix(in oklab,var(--brand-primary) 70%,transparent),var(--shadow-md)}.btn--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.32) 50%,transparent 80%);transform:translate(-120%);transition:transform .75s var(--ease-out)}.btn--primary:hover:after{transform:translate(120%)}.btn--ghost{color:var(--text);background:var(--surface);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-xs)}.btn--ghost:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--brand-primary) 55%,var(--border-strong));background:var(--surface-strong);box-shadow:var(--shadow-md)}.btn--quiet{padding-inline:.9rem;color:var(--text-muted)}.btn--quiet:hover{color:var(--text);background:var(--surface-sunken)}.btn--sm{padding:.5rem 1.05rem;font-size:var(--step--1)}.btn--lg{padding:1rem 2rem;font-size:var(--step-1)}.btn--block{width:100%}.btn--icon{width:42px;height:42px;padding:0;border-radius:var(--radius-sm);color:var(--text-muted);border:1px solid var(--border);background:var(--surface)}.btn--icon:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-strong);transform:translateY(-1px)}.btn--danger{border:1px solid color-mix(in oklab,#e2593f 60%,var(--border));background:color-mix(in oklab,#e2593f 10%,transparent);color:#e2593f;font-weight:700}.btn--danger:hover{border-color:#e2593f;background:#e2593f;color:#fff}