Customize Specific Buttons

Site URL: https://www.uurth.co/

I am trying to make the button on the product screen a solid black color, while keeping the buttons everywhere else on the website as they are, as a white outline.

All product window buttons = solid black

All other website buttons = white outline

As far as I can tell, in the Site Styles window, you can only set one button style which applies to the entire website. Is there any customizations or code injections you could recommend to address this change? My website is www.uurth.co. 

Thank you for any recommendations in advance.

Hi,

Can you share link to 3 pages in screenshot?

@tuanphan Thank you for your reply. 

Here are the links to the screenshotted images above:

Home page buttons that I would like to keep as outlines: https://www.uurth.co/

Product page that I would like to make the "Add To Cart" button solid: https://www.uurth.co/mens/p/kvernufoss-tee

Keep in mind, I would like to make the Add To Cart button solid on every single product page on the website, but not on the homepage. 

On 6/7/2022 at 5:20 AM, UURTH said:

@tuanphan Thank you for your reply. 

Here are the links to the screenshotted images above:

Home page buttons that I would like to keep as outlines: https://www.uurth.co/

Product page that I would like to make the "Add To Cart" button solid: https://www.uurth.co/mens/p/kvernufoss-tee

Keep in mind, I would like to make the Add To Cart button solid on every single product page on the website, but not on the homepage. 

Add to Design > Custom CSS

body:not(.homepage) div.sqs-add-to-cart-button {
    background-color: black !important;
}
body:not(.homepage) div.sqs-add-to-cart-button div {
    color: white !important;
}