Need help with css


I need to apply some hover effect to 'subscribe' button you see in my homepage:

What I need to achieve is the same hover attributes as the button you see in the left side "Become an instructor". The animation is not needed, only thing I'm looking for is the hover effect.

I've added following css to achieve this look:

input.enewletter_widget_submit {
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
position: relative;
display: inline-block;
color: inherit;
cursor: pointer;

input.enewletter_widget_submit:hover {
background: rgba( 255, 255, 255, 0.2 );
padding: 6px 34px 6px 14px !important;
text-decoration: none;
cursor: pointer;

Appreciate any help