The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
 
 body {
 	font: bold 15px/1.1 Helvetica;
 	text-align: center;
 }
 
 div {
 	margin: 3em auto;
 }

.btn {
	background-clip: padding-box;
	border-radius: 4px;
	box-sizing: border-box;
	box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	color: #fff;
	display: inline-block;
	letter-spacing: -0.07em;
	padding: 13px 15px 12px;
	text-decoration: none;
	text-transform: uppercase;
}

.btn:active {
	box-shadow: inset 1px 1px 4px rgba(0,0,0,.35);
}

.crimson .btn {
	background-color: #ff2021;
	background-image: linear-gradient(bottom, #ff2021 0%, #fde0e0 100%);
}

.crimson .btn:hover {
	background-image: linear-gradient(bottom, #ff2021 0%, #e9b7b7 100%);
}

.crimson .btn:active {
	background-image: linear-gradient(top, #ff2021 0%, #fde0e0 100%);
}

.green .btn {
	background-color: #a2b213;
	background-image: linear-gradient(bottom, #a2b213 0%, #dee435 100%);
}

.green .btn:hover {
	background-image: linear-gradient(bottom, #a2b213 0%, #d2d832 100%);
}

.green .btn:active {
	background-image: linear-gradient(top, #a2b213 0%, #dee435 100%);

}

dabblet.html

<div class="crimson"><a href="#" class="btn">Find out More</a></div>

<div class="green"><a href="#" class="btn">Find out More</a></div>

settings.json

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