Dabblet: Pure CSS3 badges

dabblet.css

/**
 * Dabblet: Pure CSS3 badges
 * Author: Martin Michálek, machal77@gmail.com, @machal
 * Used here: http://kratce.vzhurudolu.cz/
 */

.badge {
	box-sizing: border-box;
	display: inline-block;
	float: left;
	margin-right: 20px;
	text-align: center;
	text-decoration: none;
	padding-top: 40px;
	width: 100px;
	height: 100px;
	background: red;
	background:radial-gradient(1.5em 1.5em, 3em 3em, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%), linear-gradient(rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.4) 100%), red;
	color: #eee;
	text-shadow: 1px 1px 0 rgba(0,0,0,.4);
	box-shadow: 1px 2px 10px rgba(0,0,0,.5),inset -2px -2px 2px rgba(0,0,0,.2);
	border-radius: 50%;
}

.badge.second {
	padding-top: 20px;
}

body {
  	font-family: Arial, Verdana, sans-serif;
}

dabblet.html

<a href="#" class="badge">I ♥ CSS3</a>

<a href="#" class="badge second">I don't<br>need<br>bitmap</a>

settings.json

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