Untitled

dabblet.css

.button {
box-sizing: border-box;
background-color: #009DFF;
font-family: Lato, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
color: #FFF;
display: inline-block;
font-size: .9em;
padding-bottom: 0.5em;
padding-left: 0.8em;
padding-right: 0.8em;
padding-top: 0.6em;
position: relative;
text-align: center;
text-decoration: none;
}
.button.has-icon {
font-size:1.5em;
padding: 0.1em 0.3em 0.0em;
}

dabblet.html

<a class=button>Button</a>
<a class="button has-icon"></a>
<br><br>
<a class="button"></a>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"90","seethrough":"","prefixfree":"1","page":"html"}