Change Hover Color in buttons (woocommerce)

How to change the hover color on the button “Adicionar” or “add to cart” in the product page, and also in the “cart page”??

Product example: https://anaflor.pt/produto/daloe-creme-de-rosto-hidratante-para-pele-seca-e-sensivel/

Cart Page: https://anaflor.pt/loja/carrinho/ (only available if you add something to the cart)

Thanks in advance

Hey there,
I hope you’re doing well today

Kindly add and save the following code to Appearance > Customize > Additional CSS:

/*change product add to cart button color*/
.woocommerce div.product form.cart .button{
  background-color:yellow;
  color:blue;
}
/*change product add to cart button color hover*/
.woocommerce div.product form.cart .button:hover{
  background-color:blue;
  color:yellow;
}
/*When Prodcut is added*/
.woocommerce .product .add_to_cart_button.button {
    background-color: blue;
    color: yellow;
}
.woocommerce .product .add_to_cart_button.button:hover {
    background-color: yellow;
    color: blue;
}

Best Regards,
Support

thanks, worked perfectly

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support