The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */

body {
	background: navy;
}

.btn, .btnOld {
 display: inline-block;
 margin: 1em;
 
}

.btn {
width: 190px;
height: 45px;
opacity: .91;
-moz-border-radius: 2px /*from vector shape*/;
-webkit-border-radius: 2px /*from vector shape*/;
border-radius: 2px /*from vector shape*/;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box /*prevents bg color from leaking outside the border*/;
-moz-box-shadow: 
	0 2px 2px 0 rgba(0,0,0,.36) /*drop shadow*/,
	0 0 73px 0 rgba(0,0,0,.75) /*outer glow*/,
	inset 0 1px 1px 0 rgba(255,255,255,.91) /*inner shadow*/,
	0 0 0 1px rgba(33,116,151,.81) /*outer stroke*/;
-webkit-box-shadow: 
	0 2px 2px 0 rgba(0,0,0,.36) /*drop shadow*/,
	0 0 73px 0 rgba(0,0,0,.75) /*outer glow*/,
	inset 0 1px 1px 0 rgba(255,255,255,.91) /*inner shadow*/,
	0 0 0 1px rgba(33,116,151,.81) /*outer stroke*/;
box-shadow: 
	0 2px 2px 0 rgba(0,0,0,.36) /*drop shadow*/,
	0 0 73px 0 rgba(0,0,0,.75) /*outer glow*/,
	inset 0 1px 1px 0 rgba(255,255,255,.91) /*inner shadow*/,
	0 0 0 1px rgba(33,116,151,.81) /*outer stroke*/;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE5MCA0NSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjQyLjE0MDYwODUwMzAzMyUiIHkxPSIxMDUuOTIyNDc2MjkzODgzJSIgeDI9IjU3Ljg1OTM5MTQ5Njk2NyUiIHkyPSItNS45MjI0NzYyOTM4ODI5NSUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjAwIiBzdG9wLW9wYWNpdHk9IjAuMjMiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIyMi43Mjk1NTQ4OTIzOTYxJSIgeTE9Ii0zNy4yODY5NjAxMDI4NDc4JSIgeDI9Ijc3LjI3MDQ0NTEwNzYwMzklIiB5Mj0iMTM3LjI4Njk2MDEwMjg0OCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYzdkN2RiIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzdkN2RiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOTAiIGhlaWdodD0iNDUiIGZpbGw9InVybCgjaGF0MCkiIC8+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOTAiIGhlaWdodD0iNDUiIGZpbGw9InVybCgjaGF0MSkiIC8+Cjwvc3ZnPg==) /*layer fill content*/;
background: 
	-moz-linear-gradient(82deg, rgba(255,0,0,.23) 0%, #f00 100%) /*gradient overlay*/,
	-moz-linear-gradient(287.35deg, #c7d7db -23%, #c7d7db 123%) /*layer fill content*/;
background: 
	-o-linear-gradient(82deg, rgba(255,0,0,.23) 0%, #f00 100%) /*gradient overlay*/,
	-o-linear-gradient(287.35deg, #c7d7db -23%, #c7d7db 123%) /*layer fill content*/;
background: 
	-webkit-linear-gradient(82deg, rgba(255,0,0,.23) 0%, #f00 100%) /*gradient overlay*/,
	-webkit-linear-gradient(287.35deg, #c7d7db -23%, #c7d7db 123%) /*layer fill content*/;
background: 
	linear-gradient(82deg, rgba(255,0,0,.23) 0%, #f00 100%) /*gradient overlay*/,
	linear-gradient(287.35deg, #c7d7db -23%, #c7d7db 123%) /*layer fill content*/;

}



.btnOld {
width: 190px;
height: 45px;
opacity: .91; /* layer alpha */
-moz-border-radius: 2px; /* from vector shape */
-webkit-border-radius: 2px; /* from vector shape */
border-radius: 2px; /* from vector shape */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; /* prevents bg color from leaking outside the border */
-moz-box-shadow:
	0 2px 2px rgba(0,0,0,.36) /* drop shadow */,
	inset 0 1px 1px rgba(255,255,255,.91) /* inner shadow */,
	0 0 67.89px 5.11px rgba(0,0,0,.75) /* outer glow */,
	0 0 0 1px rgba(33,116,151,.81) /* outer stroke */;
-webkit-box-shadow:
	0 2px 2px rgba(0,0,0,.36) /* drop shadow */,
	inset 0 1px 1px rgba(255,255,255,.91) /* inner shadow */,
	0 0 67.89px 5.11px rgba(0,0,0,.75) /* outer glow */,
	0 0 0 1px rgba(33,116,151,.81) /* outer stroke */;
box-shadow:
	0 2px 2px rgba(0,0,0,.36) /* drop shadow */,
	inset 0 1px 1px rgba(255,255,255,.91) /* inner shadow */,
	0 0 67.89px 5.11px rgba(0,0,0,.75) /* outer glow */,
	0 0 0 1px rgba(33,116,151,.81) /* outer stroke */;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE5MCA0NSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjQyLjE0MDYwODUwMzAzMyUiIHkxPSIxMDUuOTIyNDc2MjkzODgzJSIgeDI9IjU3Ljg1OTM5MTQ5Njk2NyUiIHkyPSItNS45MjI0NzYyOTM4ODI5NSUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjAwIiBzdG9wLW9wYWNpdHk9IjAuMjMiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIyMi43Mjk1NTQ4OTIzOTYxJSIgeTE9Ii0zNy4yODY5NjAxMDI4NDc4JSIgeDI9Ijc3LjI3MDQ0NTEwNzYwMzklIiB5Mj0iMTM3LjI4Njk2MDEwMjg0OCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYzdkN2RiIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzdkN2RiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOTAiIGhlaWdodD0iNDUiIGZpbGw9InVybCgjaGF0MCkiIC8+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOTAiIGhlaWdodD0iNDUiIGZpbGw9InVybCgjaGF0MSkiIC8+Cjwvc3ZnPg==); /* layer fill content */
background-image:
	-moz-linear-gradient(82deg, rgba(255,0,0,.23) 0%, #f00 100%) /* gradient overlay */,
	-moz-linear-gradient(287.35deg, #c7d7db -23%, #c7d7db 123%) /* layer fill content */;
background-image:
	-o-linear-gradient(82deg, rgba(255,0,0,.23) 0%, #f00 100%) /* gradient overlay */,
	-o-linear-gradient(287.35deg, #c7d7db -23%, #c7d7db 123%) /* layer fill content */;
background-image:
	-webkit-linear-gradient(82deg, rgba(255,0,0,.23) 0%, #f00 100%) /* gradient overlay */,
	-webkit-linear-gradient(287.35deg, #c7d7db -23%, #c7d7db 123%) /* layer fill content */;
background-image:
	linear-gradient(82deg, rgba(255,0,0,.23) 0%, #f00 100%) /* gradient overlay */,
	linear-gradient(287.35deg, #c7d7db -23%, #c7d7db 123%) /* layer fill content */;

}

dabblet.html

<div class="btn">Hi there!</div><div class="btnOld">Hi there!</div>

settings.json

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