.button{background-color:rgba(0,0,0,0);padding-inline:1.5rem;cursor:pointer;border-radius:8px;height:-moz-fit-content;height:fit-content;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:background-color .1s ease-in-out,color .1s ease-in-out}.button:focus-visible{outline:2px solid #85acd5}.button__left-icon,.button__right-icon{width:20px;height:20px}.button__left-icon svg,.button__right-icon svg{width:100%;height:100%}.button__loader{--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;position:absolute;width:50px;padding:4px;aspect-ratio:1;border-radius:50%;background:#276fff;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.button.--variant-primary{background-color:#d1f801}.button.--variant-primary:hover{background-color:#a9d000}.button.--variant-primary.--disabled{pointer-events:none;background-color:#d6d6d6}.button.--variant-secondary{background-color:#276fff;color:#fff}.button.--variant-secondary:hover{background-color:#145beb}.button.--variant-ghost{color:#141414}.button.--variant-ghost:hover{color:#525252}.button.--size-sm{padding-block:.625rem;font-size:14px;font-size:.875rem;font-weight:600;line-height:1.4285714286;letter-spacing:0}.button.--size-sm .button__loader{padding:3px;width:16px}.button.--size-md{padding-block:.875rem;font-size:16px;font-size:1rem;font-weight:600;line-height:1.25;letter-spacing:0}.button.--size-md .button__loader{width:20px}.button.--size-lg{padding-block:1.25rem;font-size:18px;font-size:1.125rem;font-weight:600;line-height:1.1111111111;letter-spacing:0}.button.--size-lg .button__loader{width:22px}.button.--disabled{pointer-events:none}.button.--disabled:not(.--variant-ghost){background-color:#e5e5e5;color:#a3a3a3}.button.--disabled.--variant-ghost{color:#737373}.button.--loading{cursor:not-allowed}.button.--loading :not(.button__loader){filter:blur(0)}