CSS help radio button

Hello- I changed the look of a radio button using CSS.  It displays differently across all browsers.  They display correctly in Chrome and on a mobile device but in Firefox and Internet Explorer they display like this:

Any CSS would be much appreciated.

Thanks

It seems that the radio items are not wide enough. Please try to increase the max-width of the radio items.

If you need any further assistance, please let us know.

With your help I found the problem, I had

.form-radio-item {

    width : 100%;

    max-width : 80px !important;

twice in my CSS, you can see it in the screen shot above.  So the max-width 80 px works and displays the buttons correctly on desktop. But now on a mobile device the buttons look like the below image.  If max-width is 70px then mobile displays correctly but desktop doesn't. I tried to play with the px to see if there is a happy medium between 70 and 80 and there is not. Any assistance again is appreciated. Thanks

Hi,

You need to remove !important rule for 80px and to keep it for 70px for mobile view:

Please try and let us know if you need more help.