.btn{letter-spacing:-.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;height:3.25rem;transition:transform .35s var(--ease-spring-quick), box-shadow .3s ease, background .3s ease, filter .3s ease;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:0 1.5rem;font-size:1.0625rem;font-weight:600;line-height:1;display:inline-flex}.btn:hover{transform:translateY(-1px)scale(1.02)}.btn:active{transform:scale(.97)}.btn-sm{gap:.45rem;height:2.5rem;padding:0 1.1rem;font-size:.9375rem}.btn-ink{background:var(--ink);color:var(--app);padding:0 1.6rem 0 1.35rem;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #0003,0 8px 24px -8px #00000073}.btn-ink:hover{box-shadow:inset 0 1px #ffffff2e,0 1px 2px #0003,0 14px 30px -10px #00000080}.btn-glass{color:var(--ink);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);background:linear-gradient(color-mix(in srgb, var(--inner) 78%, transparent), color-mix(in srgb, var(--inner) 48%, transparent));box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #0000000a,0 1px 2px #14285014,0 10px 28px -12px #14285059}.btn-glass:hover{background:linear-gradient(color-mix(in srgb, var(--inner) 92%, transparent), color-mix(in srgb, var(--inner) 62%, transparent))}[data-mode=dark] .btn-glass{box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff0f,0 10px 28px -12px #000000b3}.btn-pri{color:var(--pri-fg);background:linear-gradient(180deg, var(--pri-from) 0%, var(--pri-mid) 48%, var(--pri-to) 100%);border:1px solid var(--pri-edge);box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 0 #0000001f, 0 1px 2px #00000040, 0 8px 20px -8px var(--pri-glow)}.btn-pri:hover{filter:brightness(1.05)saturate(1.06)}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}