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');
}