Un botó amb colors degradats amb CSS3

Ací un truquet per tenir botons, estil bootstrap, amb CSS3, on podem fer degradats entre dos colors i tenir un borde distint.

El botonet seria:

I afegiriem un exemple d'estil per als degratats de la següent manera:


.button{
border: solid 1px #da7c0c;
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#91dc5a), to(#32a1ca));
background: -moz-linear-gradient(top, #91dc5a, #32a1ca);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91dc5a', endColorstr='#32a1ca');
color: #fff;
padding: 7px 12px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
float: right;
cursor: pointer;
}

.button:hover{
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#91dc5a), to(#32a1ca));
background: -moz-linear-gradient(top, #91dc5a, #32a1ca);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91dc5a', endColorstr='#32a1ca');
}