.btn{cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;font-weight:500;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)}.btn:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.btn--primary{background:var(--primary);color:#0f172a;border:0;font-weight:600;box-shadow:0 0 20px -4px #38bdf873}.btn--primary:hover{filter:brightness(1.1)}.btn--primary:focus-visible{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)}.btn--secondary{background:var(--surface);color:var(--foreground);border-color:var(--border)}.btn--secondary:hover{background:var(--elevated);border-color:#38bdf866}.btn--ghost{color:var(--foreground);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--surface);border-color:var(--border);color:var(--primary)}.btn--danger{background:var(--negative);color:#fff;border:0}.btn--danger:hover{filter:brightness(1.1)}.btn--sm{border-radius:.375rem;height:2rem;padding:0 .75rem;font-size:.875rem}.btn--md{border-radius:.375rem;height:2.5rem;padding:0 1rem;font-size:1rem}.btn--lg{border-radius:.5rem;height:3rem;padding:0 1.5rem;font-size:1rem}.btn__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:1rem;height:1rem;margin-right:.5rem;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}