.counter-switch{position:relative;background:#dcdcdc!important;color:#fff;font-size:.8rem;display:flex;align-items:center;gap:24px;border-radius:23px;padding:5px 15px;z-index:1}.counter-switch--sm{padding:1px 15px;font-size:16px}.counter-switch__label{z-index:3}.counter-switch__active-btn{position:absolute;z-index:2;background:var(--main-color);top:0;bottom:0;left:0;width:calc(50% + 6px);border-radius:23px;-webkit-transition:.4s;transition:.4s}.counter-switch__active-btn.inactive{transform:translate(calc(100% - 12px))}