Untitled

dabblet.css

body {
	font-family: "Helvetica" sans-serif;
}
a {
	color: #F9F9F9;
	text-decoration: none;
}
.button {
	display: inline-block;
	white-space: nowrap;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid black;
	background: #c5deea;
	background: linear-gradient(top,  #c5deea 0%, #8abbd7 31%, #066dab 100%);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 2px 2px 4px 0px rgba(0,0,0,.3);
}
.button:before {
	margin-right: 10px;
}
.icon:before {
	content: "\271A";
}

dabblet.html

<p><a href="#" class="button">Button</a></p>
<p><a href="#" class="button icon">Button icon</a></p>

settings.json

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