CSS3 Purple Button

dabblet.css

button {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	text-shadow: 0.07em 0.07em 0.12em #888;
	display: inline-block;
	height: 2.2em;
	padding: 0 8px 1px 8px;
	border: 0;
	line-height: 1em;
	border-radius: 6px;
	box-shadow: 
		0px 1px 2px rgba(168, 161, 155, 0.5), 
		inset 0px 0px 2px rgba(54, 47, 3, 0.5);
	background: #A5A7AD;
	background-image: -o-linear-gradient(bottom, #A5A7AD 25%, #C7C8CE 81%);
	background-image: -moz-linear-gradient(bottom, #A5A7AD 25%, #C7C8CE 81%);
	background-image: -webkit-linear-gradient(bottom, #A5A7AD 25%, #C7C8CE 81%);
	background-image: -ms-linear-gradient(bottom, #A5A7AD 25%, #C7C8CE 81%);
	background-image: linear-gradient(bottom, #A5A7AD 25%, #C7C8CE 81%);
}
button:hover {
	cursor: pointer;
	background: #97989F;
	background-image: -o-linear-gradient(bottom, #97989F 25%, #ADAFB6 81%);
	background-image: -moz-linear-gradient(bottom, #97989F 25%, #ADAFB6 81%);
	background-image: -webkit-linear-gradient(bottom, #97989F 25%, #ADAFB6 81%);
	background-image: -ms-linear-gradient(bottom, #97989F 25%, #ADAFB6 81%);
	background-image: linear-gradient(bottom, #97989F 25%, #ADAFB6 81%);		
}

dabblet.html

<button>Hello World</button>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}