I have designed a button shape that looks great in Firefox and Edge, but still shows as a square in Chrome. Can you tell me what is missing? (I cleaned the cache. I also made other updates to the page that are showing, so I know it is not an old version.)
The page is:
I set the button shape in color within the theme. I also added the following CSS:
.avia-button { border-radius: 100px; !important; }
.avia-button.avia-size-xlarge { font-size: 30px; } /* for xlarge buttons */
.avia-button.avia-size-large { font-size: 30px; } /* for large buttons */
.avia-button.avia-size-medium { font-size: 24px; } /* for medium buttons */
.avia-button.avia-size-small { font-size: 24px; } /* for small buttons */
What can I do about Chrome?