A simple CSS3 snippet to create pretty buttons.

Pretty-Button.css

#btn_pretty{
 	-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;
	-moz-box-shadow: 0px 0px 4px #000;-webkit-box-shadow: 0px 0px 4px #000;box-shadow: 0px 0px 4px #000;
	border:none;
	background-color:#E7AF00;
	padding:5px;
	display:inline-block;
	text-decoration:none;
	color:#Fff;
	text-shadow: 1px 1px 1px #2e2e2e;
	filter: dropshadow(color=#2e2e2e, offx=1, offy=1);
	font-size:150%;
	vertical-align:middle;
}
#btn_pretty:hover{
	-webkit-box-shadow: 0px 0px 0px ;
	-moz-box-shadow: 0px 0px 0px ;
	box-shadow: 0px 0px 0px;
}

Pretty-Button.htm

<a class="btn_pretty href="http://eastore.cagedata.net/">
	<img hspace="1" height="32" width="32" align="absMiddle" id="cart-img" alt="" src="/Evergreenamerica/assets/Image/shopping-cart.png" />Order Products
</a>