.btn{cursor:pointer;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:var(--spacing-8);border:0;outline:0;font-family:inherit;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{outline-offset:2px;outline:2px solid #18a3ff}.btn.btn-disabled{cursor:not-allowed;opacity:.6}.btn.btn-loading{cursor:wait}.btn-primary{color:#000;background-color:#fff;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a}.btn-primary:hover:not(.btn-disabled):not(.btn-loading){background-color:#f8f8f8}.btn-primary:active:not(.btn-disabled):not(.btn-loading){transform:translateY(0);box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a}.btn-primary.btn-disabled{color:#a0a0a0;background-color:#f0f0f0}.btn-sm{height:var(--spacing-32);padding:var(--spacing-8)var(--spacing-16);font-size:.875rem}.btn-md{height:var(--spacing-40);padding:var(--spacing-10)var(--spacing-20);font-size:1rem}.btn-lg{height:var(--spacing-48);padding:var(--spacing-12)var(--spacing-24);font-size:1.125rem}.btn-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-full{width:100%}.btn-icon{aspect-ratio:1;padding:0}.btn-icon.btn-sm{width:var(--spacing-32)}.btn-icon.btn-md{width:var(--spacing-40)}.btn-icon.btn-lg{width:var(--spacing-48)}