Change Button background color on hover

Site URL: https://www.anvnguyen.com/home/contact

Hi there! I'm looking to change the newsletter and contact buttons to a different color on hover. I've tried a few different CSS but nothing seems to work =( 

Ideally it goes from transparent with the colored border, to a different solid color on hover. Hope you can help, thank you so much!

Mess around with these colors as you like.

.primary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--primary:hover, .secondary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--secondary:hover, .tertiary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--tertiary:hover {
    background: #000 !important;
    color: #fff !important;
}

Thank you @noahawaii!! For some reason it's working on my contact button but not newsletter. I'm also wondering if there's a way to make the button border the same color with the button background while hovering as well? TIA! 👏👏

Never mind - got it to work on both buttons! If anyone knows how I can also remove the border color while hover it would be amazing! 

10 hours ago, anvnguyen said:

Never mind - got it to work on both buttons! If anyone knows how I can also remove the border color while hover it would be amazing! 

Use this code

button.newsletter-form-button:hover {
    border: None !important;
}

@tuanphanThank you so much, it worked!!👏