How do I remove the transition that appears when hovering over a button?

When I hover over the "Add To Cart" and "Checkout" buttons, the button changes colors to a slightly grayer state.

I tried adding to the custom CSS:

.primary-button-style-solid, .site-wrapper, .sqs-button-element--primary, .sqs-add-to-cart-button {
  transition: none !important;
}

These classes don't work.

Can anyone provide additional guidance?

This is the link to my site: https://jellyfish-primrose-rjjw.squarespace.com

TY!

@tuanphan Thank you!

I added to your suggestion a couple of other classes.

.sqs-add-to-cart-button, .cart-continue-button, .cart-checkout-button {
    opacity: 1 !important;
}