@layer root;@layer components{._button_54mz4_4{height:var(--input-height);padding:0 calc(var(--gap) * 2);border-radius:calc(var(--border-radius) / 2);cursor:pointer;color:inherit;justify-content:center;align-items:center;gap:var(--gap);border-style:solid;border-width:2px;flex-shrink:0;font-size:1rem;font-weight:400;line-height:1;text-decoration:none;transition:background-color,border-color .2s;display:flex;position:relative}._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]{border-color:var(--color-button);background-color:#0000}._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]{background:0 0;border-color:#0000}._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)}}