.button{display:flex;gap:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;align-items:center;justify-content:center;border-radius:24px;border:0;padding:11px 20px;min-height:41px;gap:12px;width:-moz-fit-content;width:fit-content;font-family:Questrial;font-weight:400;font-size:18px;line-height:.78;letter-spacing:0;text-align:center}.button span{white-space:nowrap}.button--primary{background:var(--foreground);color:var(--content-bg);gap:8px}.button--secondary{box-shadow:0 0 4px 0 rgba(0,0,0,.2509803922)}.button--gradient{background:radial-gradient(106.43% 215.7% at 68.88% 30.23%,#ff9aec 0,#aab0ff 55.1%,#00ffdd 92.01%);color:var(--foreground)}.button--danger{color:var(--content-bg);background-color:var(--danger-color)}.button i img{transition:filter .13s ease}.button:hover:not(.button--disabled){background:radial-gradient(106.43% 215.7% at 68.88% 30.23%,#ff9aec 0,#aab0ff 55.1%,#00ffdd 92.01%);color:var(--foreground)}.button:hover:not(.button--disabled) i img{filter:invert(1)}.button--disabled:is(.button--secondary){color:var(--foreground)}.button--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}