WooCommerce required field asterisk (abbr.required) inherits dotted underline styling

[bondimedical3]

Describe the bug

Storefront applies a dotted underline style to all abbr elements. WooCommerce outputs the required marker for the Terms & Conditions checkbox as:

*

On the checkout page, this causes the Terms & Conditions required asterisk to display with a dotted underline beneath it. The underline can appear as additional red dots under the asterisk, making it look like a duplicate required marker.

The issue appears to affect only the Terms & Conditions required field. Other required checkout fields do not display the same visual artefact.

To Reproduce

Steps to reproduce the behavior:
Activate Storefront and WooCommerce.
Enable the Terms & Conditions checkbox on the checkout page.
Visit the classic WooCommerce checkout page.
Locate the "I have read and agree to the website terms and conditions" checkbox.
Observe the required asterisk.

Screenshots

Expected behavior

The required asterisk should display as a normal red * without a dotted underline.

Workaround

The issue can be resolved with:

.woocommerce-checkout abbr.required {
border-bottom: none !important;
text-decoration: none !important;
}