How can i add css style to a button

hi

how can i use the following code to style button

.testbutton {

font-family: arial;

color: #14396A !important;

font-size: 14px;

text-shadow: 1px 1px 0px #7CACDE;

box-shadow: 1px 1px 1px #BEE2F9;

padding: 10px 25px;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px;

border: 2px dotted #3866A3;

background: #63B8EE;

background: linear-gradient(top, #63B8EE, #5DCF65);

background: -ms-linear-gradient(top, #63B8EE, #5DCF65);

background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#5DCF65));

background: -moz-linear-gradient(top, #63B8EE, #5DCF65);

}

.testbutton:hover {

color: #14396A !important;

background: #468CCF;

background: linear-gradient(top, #468CCF, #63B8EE);

background: -ms-linear-gradient(top, #468CCF, #63B8EE);

background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));

background: -moz-linear-gradient(top, #468CCF, #63B8EE);

}

from

cssportal.com/css3-button-generator

Button-> Set CSS style.

But it will be much easier to simply create a sprite with two or three frames and use it instead of a button.