.btn{text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:8px;width:max-content;text-decoration:none;transition:all .3s ease-out;display:flex;position:relative}.btn:disabled{pointer-events:none;cursor:not-allowed}.btn--prime{color:var(--color-text);background:var(--color-primary);border:1px solid var(--color-primary);box-shadow:0 5px 14px #0d61ff47,inset 0 0 0 1px #ffffff0f}.btn--prime:hover{background:color-mix(in srgb, var(--color-primary) 92%, #fff 8%);border-color:color-mix(in srgb, var(--color-primary) 70%, #fff 30%);box-shadow:0 12px 24px #0d61ff7a,inset 0 0 0 1px #ffffff2e}.btn--prime:active{background:color-mix(in srgb, var(--color-primary) 75%, #000 25%);box-shadow:0 6px 18px #0d61ff38,inset 0 0 0 1px #ffffff1a}.btn--prime:focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 70%, #fff 30%);outline-offset:2px}.btn--prime:disabled{opacity:.4}.btn--secondary{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn--secondary:hover{color:var(--color-text);background:var(--color-surface);border-color:var(--color-primary)}.btn--secondary:active{background:var(--color-surface);border-color:var(--color-primary)}.btn--secondary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn--secondary:disabled{opacity:.4}.btn--surface{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border)}.btn--surface:hover{color:var(--color-text);background:var(--color-surface);border-color:var(--color-primary)}.btn--surface:active{background:var(--color-surface);border-color:var(--color-primary)}.btn--surface:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn--surface:disabled{opacity:.4}.btn--size40{border-radius:15px;min-height:40px;padding:4px 23px;font-size:14px;font-weight:700;line-height:18px}.btn--size50{border-radius:20px;min-height:48px;padding:5px 32px;font-size:16px;font-weight:700;line-height:20px}.btn--center{margin-left:auto;margin-right:auto}.btn--wide{width:100%;max-width:100%}@media (max-width:767px){.btn--prime:hover{color:var(--color-text);background:var(--color-primary)}.btn--prime:active{background:color-mix(in srgb, var(--color-primary) 75%, #000 25%)}.btn--primeDark:hover{color:var(--button-prime-dark-text-color);background:var(--button-prime-dark-bg-color);border-color:var(--button-prime-dark-border-color)}.btn--primeDark:active{color:var(--button-prime-dark-hover-text-color);background:var(--button-prime-dark-hover-bg-color);border-color:var(--button-prime-dark-hover-border-color)}.btn--secondary:hover{color:var(--color-text);background:0 0}.btn--secondary:active{background:color-mix(in srgb, var(--color-surface) 60%, #000 40%)}.btn--surface:hover{color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 70%, #000 30%);border-color:color-mix(in srgb, var(--color-border) 65%, #fff 35%)}.btn--surface:active{background:color-mix(in srgb, var(--color-surface) 50%, #000 50%);border-color:color-mix(in srgb, var(--color-primary) 38%, var(--color-border))}.btn--discard:hover{color:var(--button-discard-text-color);background:var(--button-discard-bg-color)}.btn--discard:active{color:var(--button-discard-hover-text-color);background:var(--button-discard-hover-bg-color)}.btn--input:hover{color:var(--button-input-text-color);background:var(--button-input-bg-color)}.btn--input:active{color:var(--button-input-hover-text-color);background:var(--button-input-hover-bg-color)}.btn--decline:hover{color:var(--button-decline-text-color);background:var(--button-decline-bg-color)}.btn--decline:active{color:var(--button-decline-hover-text-color);background:var(--button-decline-hover-bg-color)}.btn--declineDark:hover{color:var(--button-decline-dark-text-color);background:var(--button-decline-dark-bg-color);border-color:var(--button-decline-dark-border-color)}.btn--declineDark:active{color:var(--button-decline-dark-hover-text-color);background:var(--button-decline-dark-hover-bg-color);border-color:var(--button-decline-dark-hover-border-color)}.btn--default{min-height:40px;padding:4px 24px;font-size:14px;font-weight:700;line-height:18px}}
