/* Styles for required field asterisks */
label.required span, span.req-star, .req-star {
    color: red !important;
    font-size: 1.2em !important;
    font-weight: bold !important;
}

/* Style all span elements that contain only an asterisk */
span:empty + span {
    color: red !important;
    font-size: 1.2em !important;
    font-weight: bold !important;
}

/* Add asterisk to required checkboxes that don't already have one */
input[type="checkbox"][required] + span {
    position: relative;
}

input[type="checkbox"][required] + span::after {
    content: " *";
    color: red !important;
    font-size: 1.2em !important;
    font-weight: bold !important;
}