.Button_button__96uC6{--padding:1rem 4rem;--step:0.5rem}.Button_button__96uC6:is(:hover,:focus-visible){--active:1}.Button_button__96uC6{--active:0;color:#fff;border-radius:4px;position:relative;cursor:pointer;font-weight:700;border:0;background:transparent;padding:0}.Button_button__96uC6 span:first-of-type{padding:var(--padding)}.Button_button__96uC6 span:not(:first-of-type){position:absolute}.Button_button__96uC6 span{inset:0;display:grid;background:var(--bg);place-items:center;transition:.2s ease;border:2px solid #000;translate:calc((var(--active) * var(--coefficient, 0)) * (var(--step) * -1)) calc((var(--active) * var(--coefficient, 0)) * (var(--step) * -1))}.Button_button__96uC6 span:first-of-type{--bg:var(--bg-color-3)}.Button_button__96uC6 span:nth-of-type(2){--coefficient:1;--bg:var(--bg-color-2)}.Button_button__96uC6 span:nth-of-type(3){--coefficient:2;--bg:var(--bg-color-1)}.Button_button__96uC6:active{--active:0.5}