I'm using buttons that add a shop product straight to the cart. I'm doing it via "Add HTML".
I found the code to do that somewhere else and it works but it doesn't look right.
It doesn't sit centered. It should fill the whole width of the box as placed in the gridder. How do I achieve that? Especially on mobile it's important that the button fills the whole width. See screenshot attached.
That's the code I use right now:
<a class="laybutton1 product_type_simple add_to_cart_button ajax_add_to_cart" rel="nofollow" href="?add-to-cart=817" data-quantity="1" data-product_id="817" data-product_sku="" aria-label="Add “Chuck Miller Workshop” to your cart">BOOK NOW</a></p>
And here's the link to the page:
How do I do it?