Woocommerce how do i center the add to cart button on a single page

Question

How do i center the add to cart button:

Here is the section:

You can find the page here:

https://silverblaar.tmmbuilds.com/product/full-spectrum-cbd-health-oil/

I have tried the following code but it's not working:

.woocommerce div.product form.cart { 
  float:none !important; 
}

Thanks!

Answer 1

you can simply center quantity selector and button by adding these CSS

form.cart {
display: flex;
justify-content: center;
align-items: baseline;
}

regards

Answer 2

Target the form and use the text-align to center it!

.woocommerce div.product form.cart{
  text-align: center;
}