Center the add to cart en buy now product button on Dawn theme

[Sauron6263]

hello, i am trying to center the add to cart en buy now product button on Dawn theme, i did it with the price but i have trouble with those 2 buttons : https://mobilegear.fr/products/refroidisseur-de-telephone-wekome

That is my code working with the price but not the buttons :

h1,
.price,
.add-to-cart,
.buy-now {
text-align: center;
}
h1 {
text-transform: uppercase;
font-weight: bold;
}
h2 {
font-weight: bold;
text-transform: uppercase;
}

[Raj-webdesigner · Accepted solution]

Add this css In your Base.css File

.product.product--small .product-form form.form {
    text-align: center;
    display: flex;
    justify-content: center;
}
.product.product--small .product-form .product-form__buttons {
    width: 100%;
}