How can I invert the color of a button on hover in Dawn theme?

[Halenautica]

Hi,

Theme: dawn

https://www.oudcollective.com

I’m trying to alter the “Browse Catalog” button in my base.css file so that when the mous hovers over, the color of the button inverts and also the color of the words invert at the same time. I’ve found the code snippet responsible for this button in the base.css file in my assets folder just a bit stuck on how to inverse on hover.

Thanks!

[Nick_Marketing]

Try adding this code to the bottom of base.css

.rich-text__blocks .button.button--secondary:hover {
  color:#fff;
  background: #000;
}

See example, when hovered: