Soft Button

gistfile1.css

button {
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
  background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
  background-color: #ededed;
  
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  border-radius: 2em;
  
  border: 1px solid #dcdcdc;
  display: inline-block;
  color: #444;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  padding: .1em 1.1em;
  text-decoration: none;
  
  text-shadow: 1px 1px 0px #ffffff;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}

button:active {
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
  background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
  background-color: #dfdfdf;
  box-shadow: none;
}

button:hover {
  color: #000;
}