Button by Lorenzo Ferrante

dabblet.css

/**
 * Button by Lorenzo Ferrante
 */
 
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400|Raleway:400,300);

html {
background: #eee;
background: linear-gradient(0deg, #eee, #acc0c0);
min-height: 100%;
font-family: 'Source Sans Pro';
}

a { 
text-decoration: none;
color: #fff; 
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
}

a.btn {
padding: 8px 20px; 
border-radius: 4px;
}

a.btn.home {
background: linear-gradient(0deg, #58a16b, #67ba7c);
border: 1px solid #5f966e;
box-shadow: inset 0 1px rgba(255,255,255, .4);
}

a.btn.home:hover {
background: linear-gradient(0deg, #67ba7c, #58a16b);
}

dabblet.html

<a href="#" class="btn home">Primary</a>

dabblet.js

// alert('Hello world!');

settings.json

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