.switch-button{display:grid;grid-template-columns:1fr 1fr;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;text-align:center;background-color:#eee;border-radius:100px;cursor:pointer}.switch-button .switch__item{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:9px 30px;color:#000;background-color:transparent;border-radius:100px;white-space:nowrap}.switch-button .switch__item.active{color:#fff;background-color:#c0164b}.switch-button .switch__item.active.left-animation{animation-name:toggleLeft;animation-duration:.3s}.switch-button .switch__item.active.right-animation{animation-name:toggleRight;animation-duration:.3s}@keyframes toggleLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes toggleRight{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media(max-width:768px){.switch-button .switch__item{white-space:normal}}