.hc-radio-group-vertical {
    display: flex;
    flex-direction: column;
}

.hc-radio-group-horizontal {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.hc-form-field-invalid {
    .hc-radio-overlay {
        border-color: $error !important;
    }

    .hc-radio-input:checked ~ .hc-radio-overlay {
        border-color: $error !important;
        background-color: $error !important;
    }

    .hc-radio-input:focus ~ .hc-radio-overlay {
        box-shadow: 0 0 5px $error !important;
    }
}