I'm trying to customize the font size for the label text but in the meanwhile I need that the font-size affects only the text and not the checkbox button. This is my code:
.check-field-privacy:not(.Form-fieldIcon) {
font-size: 12px;
}
<label class="check-field-privacy Form-label Form-label--block" for="checkprivacybox">
<input type="checkbox" class="Form-input" id="checkprivacybox" aria-required="true" required="">
<span class="Form-fieldIcon" role="presentation"></span> Privacy Policy
</label>
But it seems not working for some reason. The checkbox is affected itself by this rule.
What's wrong and how can I write a rule to set the size of the font only for the label but excluding the ?
Thanks in advance.