Send button on Contact Form not hovering - Form not displaying well on mobile devices

Hi,​

​

I created a new form which I am very happy with located at: www.stephanbrisard.com/contact-stephanbrisard​

​

I used the following custom CSS to style my button:​

}
.submit_button
{
background-color:#709d05;

color:white;
}​

I would like the green background color of the button to hover when mousing over. What's the CSS querry I need to add to get this done?​

​

Thanks​

 

Also the form and sorry I forgot to mention earlier but is not showing well on mobile devices - especially the captcha and the message free field

 

The CSS is also causing my button to disappear, maybe you have a better code all together

 

Problem button disappearing has been fix by adding the following to standard style.css: #submit_10 {background-color:red; color:white; }
Hovering is still not working and mobile is not rendering well

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.submit_button:hover {
background: red;
}
 
@media only screen and (max-width: 480px){
.input_custom_style {
width: 70%!important;
}
#xyz_cfm_1_1 a img {
width: 14%;
}
}

 

wonderful, it works perfect ;-) thanks so much for the outstanding service.