hoverable button css not working within my .optin-form class

[zarahoffman]

Hi, I was modifying the appearance of a mailchimp embed form, and everything is working except the hover effect background on the button (even though I copied & pasted what's used for the normal buttons on my site). I can make the button look like it should, the link changes color when I hover, but the background won't.

This is the code:

.optin-form input.button:hover {
 background: #824f8f;
 border-color: #824f8f;
}

I've googled this and people suggest

input[type="button"]:hover

I've tried that, but it doesn't work. Does anyone have another solution that doesn't use javascript, just CSS?

[zarahoffman]

Put in the wrong code. I meant this:

.optin-form input.button:hover {
        background: #824f8f;
	border-color: #824f8f;
}