How to Change Contact Form Button Hover in CSS?

I’m trying to make my contact form button change styles when hovered over, but unfortunately I don’t know enough about CSS to get it done.

Here’s my custom CSS code so far. Ideally I would be able to get the hover to match the blue button on this page: http://x2h.407.myftpupload.com/about-us/

/* Contact Form 7 Styles */

.wpcf7 input[type=submit] {
    font-family: "Montserrat", Sans-serif;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 3px;
    fill: #54595f;
    color: #54595f;
    background-color: #7CCAE7;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #7CCAE7;
    border-radius: 30px 30px 30px 30px; 
}