Видеоответы на вопросы по Tilda

Как стилизовать radio под кнопки и сделать горизонтально в Tilda - Live-CSS-7

Вопросы с видео
Стилизуем переключатели 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>
Made on
Tilda