585 buttons

dabblet.css

/**
 * 585 buttons
 */
body {
	background: #ffffff;
	min-height: 100%;
	text-align: center;
}
button {
	height: 30px;
	font-size: 16px;
	color: #fff;
	padding: 0.25em 2em 0.5em;
	background: #E53935;
	box-shadow: 0px 1px 0px 0px #B71C1C;
	border-radius: 5px;
	border: none;
	outline: none;	
	margin: 0 1em 0 0;
	transition: color 300ms;
}
button.grey {
	background: #A3B2BF;
	box-shadow: 0px 1px 0px 0px #79858F;
}
button.blue {/* Rectangle 3: */background: #5196CF;box-shadow: 0px 1px 0px 0px #3A678C;border-radius: 5px;}
button:hover {
	color: rgba(255,255,255, 0.75);
	transition: color 300ms;
}

#page {	margin: 4em auto 0;}

dabblet.html

<div id="page">
	<button>Добавить</button>
	<button class="grey"><div>Отнять</div></button>
	<button class="blue">Отнять</button>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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