I think the name of the radio button is...
.mx-radiogroup .radio{
margin: 0px 10px 0px 10px !important;
}
If you create your own class, that is
.radio-buttons .radio{
margin : 0px 10px 0px 10px;
}
i hope this help.
You can also make use of Flex gaps. This will only fill in the spaces between radio buttons and is a bit more responsive.
.mx-radiogroup{
display: flex;
flex-direction: column;
gap: 8px;
}
Or if you want to create your own class:
.your-class-name .mx-radiogroup{
display: flex;
flex-direction: column;
gap: 8px;
}
Good luck!
.radio-buttons input[type="radio"] {
margin-bottom: 10px;
}
.radio-buttons label {
display: block;
}
Try This