CSS3: Clean Compass Button

gistfile1

.button-text {
	font-family: HelveticaNeue;
	font-size: 14px;
	font-weight: bold;
	color: #575757;
	@include text-shadow(0 1px rgba(255,255,255,.7));
}

.button-text:active {
	color: #f1f5f6;
	@include text-shadow(0 1px 2px rgba(0,0,0,.64));
}


.my-btn {
	
	@include border-radius(16px, 15px 15px 16px 16px);
	background-color: #d7d9d9;
	@include box-shadow(0 1px 1px rgba(0,0,0,.15), inset 0 1px 1px #fff);
	border: solid 1px #dcdcdc;
	@include background-image(linear-gradient(bottom, rgb(203,207,208), rgb(240,242,242), rgb(240,240,241)));
	display: inline-block;
	padding: 1em 2em;
}

.my-btn:hover {
	
	@include border-radius(15px, 15px 15px 16px 16px);
	background-color: #eceded;
	@include box-shadow(0 1px 1px rgba(0,0,0,.15), inset 0 1px 1px #fff);
	border: solid 1px #dcdcdc;
	@include background-image(linear-gradient(bottom, rgb(229,233,233), rgb(239,241,241), rgb(247,248,248)));
	padding: 1em 2em;
}
.my-btn:active {
	
	@include border-radius(15px, 15px 15px 16px 16px);
	background-color: #8e8d8d;
	@include box-shadow(0 1px rgba(255,255,255,.6), inset 0 1px 4px rgba(0,0,0,.3));
	@include background-image(linear-gradient(top, rgb(106,106,108), rgb(137,136,137), rgb(153,152,153)));
	padding: 1em 2em;
}