Changing text rollover color inside button

Site URL: https://www.bhcpagroup.com/join-our-team

I have custom CSS sitewide for regular text links to rollover from burgundy to black:  #page a:hover { color: black !important;}

I'm not sure if this is causing the rollover text in the buttons to go to gray/black but whatever is the reason, it's hard to read. I'm trying to make the rollover text stay white but still keep the lesser background opacity on the rollover.

#page a:hover {
    color: #000;
}

.sqs-block-button-element--small.sqs-block-button-element {
    color: white !important;
}

Thanks but that doesn't work.

Can you check again?

You need to remove the !important from your code and then add in the last block that I sent.

If you want it to work on all buttons, and not just the ones set to size small, you could use this instead:

.sqs-block-button-element:hover {
    color: white !important;
}

It will not work until you remove the !important from the code that you supplied in the first post.

That worked perfectly!  Thanks!