If you are not planning to make your site multilanguage then we have perfect solution for you with simple custom css Code snippet:
.content-product .quantity-wrapper { flex-wrap: wrap; justify-content: center; } .content-product .quantity-wrapper .quantity { flex-basis: 100%; margin: 0 0 10px; } .content-product .quantity-wrapper .button { padding: 9px; } .content-product .quantity-wrapper .button[aria-label]:after { content: 'Add To Cart'; position: static; background: transparent; color: currentColor; max-width: unset; padding: 0; font-size: inherit; box-shadow: none; overflow: visible; margin-inline-start: 7px; transform: none; } .content-product .quantity-wrapper .button[aria-label]:not(:hover):after { opacity: 1; visibility: visible; transform: none; }
Result: https://gyazo.com/d82e58dfc2e972a54c9b58a114754d24
You may add CSS in theme options -> Theme Custom CSS -> Global CSS or in your child-theme/style.css
Regards
