.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);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(--fg);color:var(--bg)}.btn.secondary{color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);background:0 0}@media (hover:hover) and (pointer:fine){.btn.secondary:hover:not(:disabled){background:var(--pill)}}.btn.ghost{color:var(--muted);background:0 0}@media (hover:hover) and (pointer:fine){.btn.ghost:hover:not(:disabled){color:var(--fg)}}.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}