переделал логику на tabs

assets/css/gp-style-core.css

@@ -694,7 +694,7 @@ button{
 .form-input-phone-list-item__code::before{
   content: '+';
 }
-.form-input__two{
+.form-input__tabs{
   padding: 2px;
 
   display: flex;
@@ -704,24 +704,8 @@ button{
 
   position: relative;
 }
-.form-input-two__oval{
-  position: absolute;
-  top: 2px;
-  left: 2px;
-
-  width: 50%;
-  height: calc(100% - 4px);
-
-  border-radius: 18px;
-
-  background: var(--background-white);
-  transition: left .2s ease-out;
-}
-.form-input-two__input:checked + .form-input-two__oval{
-  left: calc(50% - 2px);
-}
-.form-input-two__button{
-  width: 50%;
+.form-input-tabs__button{
+  width: 100%;
 
   padding: 10px;
 
@@ -730,13 +714,18 @@ button{
   font-size: 20px;
   line-height: 120%;
   color: var(--text-black);
+  text-align: center;
 
-  background: none;
-  border: none;
+  border-radius: 18px;
 
   z-index: 2;
+
+  transition: background-color .2s ease-out;
 }
-.form-input-two__input{
+.form-input-tabs__button.active{
+  background-color: var(--background-white);
+}
+.form-input-tabs__input{
   display: none;
 }
 .form-input__radio{