.ui-button{align-items:center;background-color:var(--button-background-color);border:2px solid var(--button-border-color);color:var(--button-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:700;gap:var(--main-gap);justify-content:center;line-height:1.4rem;padding:.5rem 1.5rem;text-align:center;text-decoration:none;transition:background-color .3s ease,border-color .3s ease;white-space:nowrap}.ui-button:hover{--button-background-color:var(--brand-color-02);--button-border-color:var(--brand-color-02)}.ui-button:active{--button-background-color:var(--brand-color-03)}.ui-button:focus-visible{--input-focus-outline-color:rgba(255,80,0,0.4);outline:2px solid var(--input-focus-outline-color);outline-offset:1px}.ui-button:disabled{--button-background-color:var(--brand-color-05);--button-border-color:var(--brand-color-05);cursor:default;outline-color:var(--button-border-color);pointer-events:none}.ui-button--outline{--button-background-color:transparent;--button-color:var(--brand-color-02)}.ui-button--outline:active,.ui-button--outline:hover{--button-background-color:transparent}.ui-button--clean{--button-background-color:transparent;--button-border-color:transparent;--button-color:var(--brand-color-02)}.ui-button--clean:active,.ui-button--clean:hover{--button-background-color:transparent;--button-border-color:transparent}