Increase the size of checkbox/radio buttons on hover CSS

I am trying to make a visually accessible theme and want to increase the size of checkbox/radio buttons on hover with CSS

I have tried many things and none of them work, here is an example

.checkbox input[type="checkbox"] + label span:hover {
    width: 40px !important;
    height: 40px !important; 
}

Here is the page I am working on https://sum-app.net/members/Ubb3K1alaMRloph_-7eI0w/survey

Thanks for any assistance with this