@supports (not (scale:1)) and (not (aspect-ratio:1/1)){.button{gap:0!important}.button>:not([aria-hidden])+*{margin-left:var(--spacer-4xs)}}.button{--button:var(--primary);--button-color:var(--primary-content);align-items:center;background:var(--button);border-radius:var(--border-radius-xs);color:var(--button-color);display:flex;font-size:1rem;font-weight:700;gap:var(--spacer-4xs);height:var(--spacer-3xl);justify-content:center;line-height:1.5rem;padding:0 var(--spacer-2xs);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}@media (min-width:1024px){.button:active{--button:var(--primary-pressed-dark)}}@media (hover:hover) and (min-width:1024px){.button:hover{--button:var(--primary-focus-dark)}}.button>i{height:1.5rem}.button.loading{color:transparent}.button.loading>:not(.loader){visibility:hidden}.button.loading>.loader{--loader-top:50%;--loader-size:var(--spacer-3xs);--loader-color:var(--color-white);--loader-bg:transparent}.button--text{--button:transparent;--button-color:var(--color-text-middle);padding:0}.button--text:active{--button-color:var(--color-neutral-800)}.button--text[disabled]{border:none;color:var(--color-neutral-300);cursor:not-allowed}.button--text{font-size:.875rem;font-weight:400;line-height:1.25rem}@media (hover:hover) and (min-width:1024px){.button--text:hover{--button:transparent;--button-color:var(--color-neutral-700)}}.button--xs{height:var(--spacer-xl)}.button--sm,.button--xs{font-size:.875rem;font-weight:700;line-height:1.25rem}.button--sm{height:var(--spacer-2xl)}.button--lg{height:var(--spacer-4xl)}.button--lg,.button--xl{font-size:.875rem;font-weight:700;line-height:1.25rem}.button--xl{height:3.5rem}.button--grey{--button:var(--color-neutral-100);--button-color:var(--color-neutral-900)}.button--grey:active{--button:var(--color-neutral-400)}.button--grey.loading>.loader{--loader-color:var(--primary)}@media (hover:hover) and (min-width:1024px){.button--grey:hover{--button:var(--color-neutral-300)}}.button--secondary{--button:var(--color-red-50);--button-color:var(--primary)}.button--secondary:active{--button:var(--color-red-100)}@media (hover:hover) and (min-width:1024px){.button--secondary:hover{--button:var(--color-red-100)}}.button--outline{--button:transparent;--button-color:var(--primary);border:var(--spacer-5xs) solid var(--primary)}.button--outline:active{--button:transparent;border-color:var(--primary-focus-middle);color:var(--primary)}@media (hover:hover) and (min-width:1024px){.button--outline:hover{--button:transparent;border-color:var(--primary-focus-dark);color:var(--primary-focus-dark)}}.button--success{background:var(--color-green-600)}.button--success>*{color:var(--color-white)!important}.button:not(.button--text)[disabled]{--button:var(--color-neutral-300);--button-color:var(--color-text-middle);border:none;cursor:not-allowed}@media (hover:hover) and (min-width:1024px){.button:not(.button--text)[disabled],.button:not(.button--text)[disabled]:active,.button:not(.button--text)[disabled]:hover{outline:0}}