.btn{gap:var(--spacing-8);width:max-content;font-family:var(--font-body);font-weight:var(--font-weight-medium);text-align:center;cursor:pointer;justify-content:center;align-items:center;text-decoration:none;transition:color .18s,background .18s,border-color .18s;display:flex;position:relative}.btn:disabled{pointer-events:none;cursor:not-allowed}.btn--prime{color:var(--text-inverse);background:var(--color-snow-white);border:1px solid var(--color-snow-white)}.btn--prime:hover{background:color-mix(in srgb, var(--color-snow-white) 90%, var(--color-dusk-violet) 10%);border-color:color-mix(in srgb, var(--color-snow-white) 90%, var(--color-dusk-violet) 10%)}.btn--prime:active{background:color-mix(in srgb, var(--color-snow-white) 84%, #000 16%)}.btn--prime:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn--prime:disabled{opacity:.4}.btn--secondary{color:var(--text-default);border:1px solid var(--hairline-strong);background:0 0}.btn--secondary:hover{background:var(--surface-frosted)}.btn--secondary:active{background:var(--surface-frosted-strong)}.btn--secondary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn--secondary:disabled{opacity:.4}.btn--surface{color:var(--text-default);background:var(--field-bg-color);border:1px solid var(--field-border-color)}.btn--surface:hover{background:var(--field-bg-hover-color);border-color:var(--field-border-hover-color)}.btn--surface:active{background:var(--field-bg-focus-color)}.btn--surface:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn--surface:disabled{opacity:.4}.btn--size40{border-radius:var(--radius-buttons);min-height:40px;padding:6px 20px;font-size:14px;line-height:1.4}.btn--size50{border-radius:var(--radius-buttons);min-height:48px;padding:10px 26px;font-size:16px;line-height:1.4}.btn--center{margin-left:auto;margin-right:auto}.btn--wide{width:100%;max-width:100%}