button.css

.credo_button{
  display: inline-block;
  padding: 2px 10px;
  cursor: pointer;
  border: 1px solid #bbb;
  font: bold 13px arial, helvetica, sans-serif;
  
  background-color: #57a957;
  border-color: #57a957;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
}

.credo_button:hover{
  background-color: #62c462;
}

.credo_button:active{
  background: #57a957;
}