css-sandbox/form/radio.css

input[type="radio"] {
  all: unset;
}

.radio {

}

.radio--buttons {
  display: inline-flex;

}

/* With this setting all the options are lined horizontally */
.radio--inline {
  display: flex;
}

.radio--inline .radio__option {
  flex: none;
}

.radio--buttons .radio__option {
  flex: none;
}

.radio--inline .radio__label {
  flex: 1;
}

.radio--grid {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
}

.radio--grid .radio__option {
  grid-column: 1;
}

.radio--grid .radio__label {
  grid-column: 2;
}