Button Preview

CSS Code

.demobutton {
  padding:11px 16px;
  -webkit-border-radius:40px;
  -moz-border-radius: 40px;
  -webkit-border-radius:40px;
  -o-box-border-radius:40px;
  border-radius: 40px;
  color: #3C5D1B;
  font-size: 16px;
  font-weight: 600;
  font-style: bold;
  font-family: Arial,Helvetica,sans-serif;
  text-shadow: 1px 1px 0px #FFE8B2;
  border: 1px solid #d4a537;
  background:linear-gradient(#FED970,#FEBD4B)  repeat scroll 0% 0% transparent;
  background:-webkit-gradient(linear, left top, left bottom, from(#FED970), to(#FEBD4B));
  background:-webkit-linear-gradient(top, #FED970, #FEBD4B) repeat scroll 0% 0% transparent;
  background:-moz-linear-gradient(top, #FED970, #FEBD4B) repeat scroll 0% 0% transparent;
  background:-ms-linear-gradient(top, #FED970, #FEBD4B) repeat scroll 0% 0% transparent;
  background:-o-linear-gradient(top, #FED970, #FEBD4B) repeat scroll 0% 0% transparent;
  background-color: #f7a40f;
  vertical-align: middle;
   }
 .demobutton:hover {
  text-decoration:none!important;
   }
 .demobutton:active {
  background: #f7a40f;
   }
 

Html Cod