View and change on http://dabblet.com/gist/1787522

dabblet.css

/* View and change on http://dabblet.com/gist/1787522
 */
body {
  margin: 7em 3em;
}

button,
input,
select,
textarea {
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button, input {
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* default design for button */
button {
  font-size: 16px;
  line-height: normal;
  padding: 9px 14px 9px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
}
button:hover {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

/* pure colors
 * Generator: http://charliepark.org/bootstrap_buttons/
 */
button {
  background-color: hsl(259, 53%, 15%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="hsl(259, 53%, 67%)", endColorStr="hsl(259, 53%, 15%)");
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(hsl(259, 53%, 67%)), to(hsl(259, 53%, 15%)));
  background-image: -moz-linear-gradient(top, hsl(259, 53%, 67%), hsl(259, 53%, 15%));
  background-image: -ms-linear-gradient(top, hsl(259, 53%, 67%), hsl(259, 53%, 15%));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(259, 53%, 67%)), color-stop(100%, hsl(259, 53%, 15%)));
  background-image: -webkit-linear-gradient(top, hsl(259, 53%, 67%), hsl(259, 53%, 15%));
  background-image: -o-linear-gradient(top, hsl(259, 53%, 67%), hsl(259, 53%, 15%));
  background-image: linear-gradient(hsl(259, 53%, 67%), hsl(259, 53%, 15%));
  border-color: hsl(259, 53%, 15%) hsl(259, 53%, 15%) hsl(259, 53%, 2%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.85);
  -webkit-font-smoothing: antialiased;
}

dabblet.html

<button>Be Excellent To Each Other »</button>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}