:root{--btn-ink:linear-gradient(180deg, color-mix(in srgb, var(--fg), #fff 16%), var(--fg) 62%);--btn-ink-edge:inset 0 1px 0 #fff3, inset 0 -1px 1.5px #00000047, 0 1px 1.5px #0000001a, 0 6px 16px -6px #0a0a0b6b;--btn-ink-lift:0 10px 22px -8px #0a0a0b80}@media (prefers-color-scheme:dark){:root{--btn-ink:linear-gradient(180deg, #fff, color-mix(in srgb, var(--fg), #000 9%));--btn-ink-edge:inset 0 1px 0 #fffffff2, inset 0 -1px 1.5px #00000029, 0 6px 18px -8px #000000bf;--btn-ink-lift:0 10px 24px -8px #000000d9}}.btn{height:44px;color:var(--fg);font:600 15px/1 var(--font);letter-spacing:-.01em;cursor:pointer;transition:transform .2s var(--ease), background-color .2s var(--ease), color .2s var(--ease), opacity .2s var(--ease), box-shadow .2s var(--ease);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.96)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.4;cursor:default}.btn.lg svg{width:17px;height:17px}.btn[hidden]{display:none}.btn.primary{background:var(--btn-ink);color:var(--bg);box-shadow:var(--btn-ink-edge)}.btn.secondary{background:var(--glass-quiet-sheen), var(--glass-quiet);color:var(--fg);box-shadow:var(--glass-quiet-edge)}:where(.btn.secondary){isolation:isolate;position:relative}.btn.secondary:after{content:"";z-index:3;border-radius:inherit;background:var(--glass-rim);-webkit-mask-composite:xor;opacity:var(--glass-quiet-rim);pointer-events:none;transition:opacity .2s var(--ease);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.btn.ghost{color:var(--muted);background:0 0}@media (hover:hover){.btn.primary:hover:not(:disabled){box-shadow:var(--btn-ink-edge), var(--btn-ink-lift);transform:translateY(-1px)}.btn.secondary:hover:not(:disabled){box-shadow:var(--glass-quiet-edge), 0 6px 16px -10px #00000059;transform:translateY(-1px)}.btn.secondary:hover:not(:disabled):after{opacity:1}.btn.ghost:hover:not(:disabled){background:var(--glass-quiet-sheen), var(--glass-quiet);color:var(--fg);box-shadow:var(--glass-quiet-edge)}}.btn:is(.primary,.secondary):active:not(:disabled){transform:scale(.96)}.btn.icon{width:44px;padding:0}.btn.sm{height:34px;padding:0 13px;font-size:14px}.btn.sm.icon{width:34px;padding:0}.btn.lg{height:52px;padding:0 24px;font-size:16px}.btn.lg.icon{width:52px;padding:0}.btn.icon.close-btn{aspect-ratio:1;flex:none;width:38px;height:38px;padding:0}.btn.icon.close-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}.btn.danger{color:var(--down)}@media (hover:hover) and (pointer:fine){.btn.danger:hover:not(:disabled){color:var(--down)}}.btn svg{fill:currentColor;flex:none;width:16px;height:16px}