html - Submit button wont change on hover -

html - Submit button wont change on hover -

i trying donate button alter on hover in next site http://laceibamfi.org/.

the css using won't respond on hover. don't know do.

what want is:

<input type="submit" value="donate now!" name="submit" id="thebutton">

to have hover affect, have css:

#thebutton { background: none repeat scroll 0 0 #73752b !important; border-radius: 13px; border-top: 1px solid #d4d117; box-shadow: 0 1px 0 rgba(0, 0, 0, 1); color: #000000; font-family: georgia,serif; font-size: 24px !important; padding: 6px 12px; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); vertical-align: middle; }

working jsfiddle have: http://jsfiddle.net/bxm2wnyd/1/

you haven't called :hover selector.

if using css, create new block so

#thebutton:hover { selector: property }

if using sass can phone call &:hover within id element

#thebutton { ... ... &:hover { } }

html css web