.gfield_radio{
    display:grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap:1rem !important;
}
@media (max-width: 768px) {
    .gfield_radio {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
.gchoice{
    border:1px solid #333 !important;
    padding:5px 10px !important;
    border-radius:2px !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.gchoice:has(input[type="radio"]:checked) {
    background-color: var(--e-global-color-primary) !important;
    color: #fff !important;
    border-color: #000 !important;
}
.gchoice:has(input[type="radio"]:checked) label {
    color: #fff !important;
}
.gform_button{
    background-color: var(--e-global-color-accent) !important;
    padding:10px 25px !important;
    border:0;
}

input[type="radio"].gfield-choice-input {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid var(--e-global-color-setup_wizard_cutom_color_0); /* kleur rand */
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 0.5rem;
}

/* Geselecteerde staat */
input[type="radio"].gfield-choice-input:checked::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--e-global-color-setup_wizard_cutom_color_0);
  border-radius: 50%;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
}
input[type="radio"]:checked.gfield-choice-input{
    border:0;
}