gistfile1.css

.button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  display: inline-block;
  margin: 0;
  overflow: hidden;
  padding: 1px;
  text-decoration: none;
  vertical-align: middle;
}

.button .inner {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: block;
  font: bold 12px 'Helvetica', 'Arial', sans-serif;
  line-height: normal;
  margin: 0;
  padding: 6px 12px;
  position: relative;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.button:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
  cursor: pointer; 
  text-decoration: none;
}

.button.black:hover {
  background-color: #373d3d;
}

.button:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.red { background-color: #f1696c; }
.button.black { background-color: #2c3131; }
.button.blue { background-color: #2f819b; }
.button.green { background-color: #69a846; }
.button.selected { background-color: #427625; }
.button.grey { background-color: #9d9d9d; }