Simple CSS button

gistfile1.css

.button {
	display: inline-block;
	padding: 4px 12px;
	text-align: center;
	color: #999;
	border: 1px solid #bfbfbf;
	.text-shadow;
	.border-radius (4px);
	.gradient (#f9f9f9, #dcdcdc);
	.multi-box-shadow (0 1px 2px #fff inset, 0 1px 0 rgba(0,0,0,.1));
	.user-select;
}

.button:hover {
	color: #888;
	.gradient (darken(#f9f9f9, 1%), darken(#dcdcdc, 1%));
}

.button:active {
	color: #888;
	border: 1px solid #bbb;
	.gradient (darken(#dcdcdc, 1%), darken(#dcdcdc, 1%));
	.multi-box-shadow (0 1px 2px rgba(255,255,255,.3), 0 1px 3px rgba(0,0,0,.1) inset);
}