.required-field-marker {
    display: inline;
    margin-left: .22rem;
    color: #dc2626;
    font-size: 1em;
    font-weight: 800;
    line-height: 1;
}

.required-field-marker[title] {
    cursor: help;
}

@media (prefers-contrast: more) {
    .required-field-marker {
        color: #b91c1c;
        text-decoration: underline;
    }
}