beauty button

by James Doyle

HTML

<a href="#" class="button">Click Me</a>

CSS

body {
    margin: 3em;
}
.button {
    text-align: center;
    display: block;
    padding: 6px 25px;
    text-decoration: none;
	background-color: #EB624D;
	border: 1px solid #CC3333;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-moz-box-shadow: 0px 4px 0px rgba(201,69,54,1), inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow: 0px 4px 0px rgba(201,69,54,1), inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow: 0px 4px 0px rgba(201,69,54,1), inset 0px 1px 0px rgba(255,255,255,0.25);
	background-image: -o-linear-gradient(top , rgb(250,125,104) 0%, rgb(248,92,72) 100%);
	background-image: -moz-linear-gradient(top , rgb(250,125,104) 0%, rgb(248,92,72) 100%);
	background-image: -webkit-linear-gradient(top , rgb(250,125,104) 0%, rgb(248,92,72) 100%);
	background-image: -ms-linear-gradient(top , rgb(250,125,104) 0%, rgb(248,92,72) 100%);
	background-image: linear-gradient(top , rgb(250,125,104) 0%, rgb(248,92,72) 100%);
	font-family: 'Helvetica';
	font-size: 20pt;
	color: #FFFFFF;
	text-shadow: rgba(0,0,0,0.25) 0px 2px 3px;
}