Fancy button draft

dabblet.css

/**
 * Fancy button draft
 */

input.fancybutton{
	font-size: 2em;
	height: 3em;
	width: 8em;
	border-radius: 20px;
	border-color: rgba(0,0,0,.2); 
	border-radius: .3em;
	background-image: 
		linear-gradient(
			hsla(0,0%,100%,.5), 
			rgba(0,0,255,1) 60%
			);
	text-shadow: 0 .05em .05em white;
	box-shadow: 
		0 1px rgba(255,255,255,.8) inset,
  		0 .3em .3em -.3em black;
}	





div{
	margin: 30%
}

dabblet.html

<div><input type="button" class="fancybutton" value="press me" /></div>

settings.json

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