Contact Form 7 Stylign Not Working!

I’m trying to make my “send request” button have a hover effect and to make the text when something “goes wrong” not black (because black on black background is invisible) but white.

I also have Custom Skins Contact Form 7 installed,

I’ve tried this CSS but it doesn’t work:

/*Contact Form 7 - button hover effect + Custom Font + misc */

.wpcf7-form p input.wpcf7-submit:hover {
background-color: #d76400 !important;
background-image: -moz-linear-gradient(center top,#000d21 0%,#001c46 100%);
background-image: -webkit-linear-gradient(center top,#000d21 0%,#001c46 100%);
background-image: -ms-linear-gradient(center top,#000d21 0%,#001c46 100%);
background-image: -o-linear-gradient(center top,#000d21 0%,#001c46 100%);
background-image: linear-gradient(center top,#000d21 0%,#001c46 100%);
}

.wpcf7-form p input.wpcf7-submit {
background-color: #fefefe;
background-image: -moz-linear-gradient(center top,#001c46 0%,#000d21 100%);
background-image: -webkit-linear-gradient(center top,#001c46 0%,#000d21 100%);
background-image: -ms-linear-gradient(center top,#001c46 0%,#000d21 100%);
background-image: -o-linear-gradient(center top,#001c46 0%,#000d21 100%);
background-image: linear-gradient(center top,#001c46 0%,#000d21 100%);
border-radius: 3px;
color: #ffffff !important;
display: inline-block;
font: 20px "pseudonym", "pseudonym", "pseudonym", "pseudonym" !important;
text-align: center;
text-transform: capitalize;

}

Thanks in advance! ??