.button-ui{font-family:var(--font-sans);text-align:center;background-color:var(--foreground);height:3rem;color:var(--static-white);white-space:nowrap;border-radius:6.25rem;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.75rem;font-size:.875rem;font-weight:600;line-height:.8;transition:all .3s;display:inline-flex;position:relative}.button-ui::selection{background-color:var(--foreground);color:var(--static-white)}.button-ui:hover,.button-ui:focus{background-color:var(--overlay-black-70)}.button-ui.outlined{border:1px solid var(--muted);color:var(--foreground);background-color:#0000}.button-ui.outlined:hover{border-color:var(--input);color:var(--overlay-black-70)}.button-ui.outlined .loader{--_g:no-repeat radial-gradient(circle closest-side, #000 90%, transparent)}.button-ui.transparent{color:var(--foreground);background-color:#0000;border:none}.button-ui.white{background-color:var(--background);color:var(--foreground)}.button-ui.flat{border-bottom:1px solid;border-radius:0;height:auto;padding:0 0 1px}.button-ui.full-width{width:100%}.button-ui[disabled]{pointer-events:none;background-color:var(--muted);color:var(--muted-foreground);border:none}.button-ui[disabled]:hover{color:var(--muted-foreground)}.button-ui[disabled] svg path{fill:currentColor}.button-ui[disabled] .loader{--_g:no-repeat radial-gradient(circle closest-side, #000 90%, transparent)}.button-ui.error{background-color:var(--color-red-100);color:var(--destructive);border:none}.button-ui.error:hover{background-color:var(--color-red-100);color:var(--destructive)}.button-ui.error .loader{--_g:no-repeat radial-gradient(circle closest-side, var(--destructive) 90%, transparent)}.button-ui.error svg path{fill:currentColor}.button-ui__content{justify-content:center;align-items:center;gap:.25rem;transition:opacity .1s;display:inline-flex}.loading .button-ui__content{opacity:0}.button-ui svg{object-fit:contain;width:1rem;height:1rem}.button-ui svg path{transition:all .3s}.button-ui span:has(svg){align-items:center;gap:.125rem;display:inline-flex}.button-ui .loader{--_g:no-repeat radial-gradient(circle closest-side, #fff 90%, transparent);z-index:9;width:1.875rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button-ui--logo{border-radius:16px;justify-content:center;width:80px;padding-inline:.75rem}.button-ui--logo .button-ui__content{gap:8px}.button-ui--logo svg{width:16px;height:16px}