I don’t mind at all. But I think you’ll need to adjust the CSS code a little bit to het it to work on your own website. This is the code I am using in my theme. The button colors itself are set in the theme settings in WordPress:
input#submit, input#searchsubmit, input.wysija-submit, a.avia-button, .button {border-radius: 5px; box-shadow: inset 0 -3px rgba(0, 0, 0, 0.3); padding-top: 10px; padding-bottom: 14px; font-size: 110%;}
input#submit:active, input#searchsubmit:active, input.wysija-submit:active, a.avia-button:active .avia-button span:active, .button:active {box-shadow: inset 0 3px rgba(0, 0, 0, 0.3); padding-top: 12px; padding-bottom: 12px;}
With the code I only tweak the design a little bit. The is actually no :hover CSS rule in my child theme.
But with some basic CSS you can do anything you want ?? The sky is the limit!