Стилизуем переключатели radio в форме Tilda, превращаем их в кнопочки и располагаем горизонтально
<style>
.t-radio__wrapper {
display: flex;
justify-content: space-between;
}
.t-radio__control:first-child {
margin-top: 0;
}
label.t-radio__control {
padding: 10px 20px;
border-radius: 30px;
width: 37%;
text-align: center;
}
.t-radio__indicator {
width: 100%;
height: 100%;
border-radius: inherit;
position: absolute;
top: 0;
left: 0;
border-width: 1px;
border-color: #dddddd !important;
}
.t-radio__indicator:after {
width: 100%;
height: 100%;
border-radius: inherit;
z-index: -1;
}
.t-radio__control .t-radio:checked~.t-radio__indicator:after {
background: #ffe143;
}
.t-radio__control .t-radio:checked~.t-radio__indicator {
border-width: 0px;
}
</style>
