@layer root,components;@layer components{._button_54mz4_4{position:relative;flex-shrink:0;text-decoration:none;font-size:1rem;line-height:1;height:var(--input-height);padding:0 calc(var(--gap) * 2);border-radius:calc(var(--border-radius) / 2);border-width:2px;border-style:solid;cursor:pointer;transition:background-color,border-color .2s;font-weight:400;color:inherit;display:flex;align-items:center;justify-content:center;gap:var(--gap)}._button_54mz4_4 svg{font-size:var(--font-size-icon)}._button_54mz4_4[data-fullwidth]{width:100%}._button_54mz4_4:disabled{opacity:.5;pointer-events:none}._button_54mz4_4[data-size=small]{font-size:var(--font-size-s);--input-height: var(--input-height-small)}._button_54mz4_4[data-size=small] svg{font-size:1.3rem}._button_54mz4_4[data-size=large]{--input-height: var(--input-height-large)}._button_54mz4_4[data-variant=primary]{background-color:var(--color-button);border-color:var(--color-button);color:var(--color-text-inverted)}._button_54mz4_4[data-variant=primary]:hover{--color-button: var(--color-button-primary-hover)}._button_54mz4_4[data-variant=primary]:active{background-color:var(--color-button-primary-active)}._button_54mz4_4[data-variant=secondary]{background-color:transparent;border-color:var(--color-button)}._button_54mz4_4[data-variant=secondary]:hover{background-color:var(--color-button-secondary-hover)}._button_54mz4_4[data-variant=secondary]:active{background-color:var(--color-button-secondary-active)}._button_54mz4_4[data-variant=tertiary]{border-color:transparent;background:transparent}._button_54mz4_4[data-variant=tertiary]:hover{background-color:var(--color-button-secondary-hover)}._button_54mz4_4[data-variant=tertiary]:active{background-color:var(--color-button-secondary-active)}._button_54mz4_4[data-error]{border-color:var(--color-error-main);color:var(--color-error-main)}}