Radio buttons have strange offset
&__input {
position: absolute;
opacity: 0;
+ margin-top: 10px;
&:hover {
& + label {
&__label {
position: relative;
+ top: -8px;
display: inline-block;
+ margin-top: 10px;
margin-bottom: 0;
padding: 0 0 5px 32px;
cursor: pointer;
&__children {
position: relative;
- margin-top: 0;
+ margin-top: 10px;
opacity: 0;
padding-left: 32px;
transition: var(--standard-transition);
&__input:checked + &__label + &__children {
visibility: visible;
- margin-top: 10px;
opacity: 1;
max-height: none;
}
