Button Hover not working

Hello, I'm trying to change all of the colors of my buttons on hover using this code, but its not working for some reason. 
I know the buttons are being targeted because if I add a shadow, it shows.  So why aren't the colours changing?

Code:

.sqs-block-button-element:hover {
color: #fff !important;
 background-color: #5f295f !important;
}

URL: https://www.fatbirdcreative.co.nz/

Note: I have taken out all of my custom CSS and it still does not work. 

3 hours ago, Fat_Bird_Creative said:

Hello, I'm trying to change all of the colors of my buttons on hover using this code, but its not working for some reason. 

Which buttons are not working? Not every button is a .sqs-block-button-element, you seem to have defined your own class sometimes. Your code above would only work on Squarespace buttons.

On 5/4/2024 at 1:39 AM, melody495 said:

Which buttons are not working?

Here I've circled the buttons I want to effect. I believe these are Squarespace buttons. The top two are my own code, and the bottom two are forms. 

23 hours ago, DavidStewart said:

Let me know how it goes. 

Yes that worked! Thank you so much.