Gradient-y button

dabblet.css

/**
 * Gradient-y button
 */
 body { background:#444; }
 
button {
	background: #686d76 linear-gradient(90deg, rgba(0,0,0,.26), rgba(255,255,255,.26));
	border:none;
	border-radius:5px;
	padding:10px 0;
	padding-left:35px;
	color:#fff;
	font-weight:bold;
	text-shadow:-1px -1px 0 rgba(0,0,0,.4);
	box-shadow:0 1px 6px #000;
	width:130px;
	font-size:10px;
	font-family:Helvetica, Tahoma, sans-serif;
	text-align:left;
}

dabblet.html

<button>Share on Twitter</button> <button>Share via Email</button>

settings.json

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