Broadcast Theme| Multiple add to cart button colors.

[Carinjable]

Im trying to add multiple add to cart button colors to my broadcast theme, specifically a different one for a new page. Ive had a little success with getting the color to switch, as well as the transition sliding color, but when you hover over it, it still shows the the default color. 

If anyone has any idea how to fix this i would appreciate it thank you. 

0fa63b-3.myshopify.com

heres the code which works to change it other than when you hover over it:
#AddToCart--template--23441719656723__main.btn--primary { background-color: #ff5733; /* Change this to your desired color */ border-color: #ff5733; /* Change the border color to match */ color: #ffffff; /* Change this to your desired text color */ } #AddToCart--template--23441719656723__main.btn--primary:hover { background-color: #e74c3c; /* Change the hover color */ border-color: #e74c3c; /* Change the hover border color */ }