Double tap issue on button checkbox for iOS mobile iPhone

I found some issues on checkbox button on a Bigcommerce application when it is used on iOS on mobile/touch devices.

I have checkbox button with label and :hover effect and iPhone need double tap to check the button. The first tap activate the :hover the second one check the box.

If I uncheck the button with single tap it remains the :hover effect on it.

I've tried several ways with javascript to avoid them: - trigger click() on touchstart/touchend - trying to update CSS substituting :hover with :active - onclick="void(0)" in html elements

My test in local environment are fully functional but in production environment I get the double tap issue.

the link of the page is in the comments here below and it happens on the bottom part of the page where you can find the checkboxes.