Pure CSS3 button

css3-buttom.css

.user-register input[type="submit"] {
    border: none;
    color: #FFFFFF;
    float: right;
    font-size: 15px;
    height: 35px;
    margin: 0 0 20px;
    width: 150px;

    -webkit-border-radius: 5px 5px 5px 5px; /* Chrome,Safari4+ */
    -o-border-radius: 5px 5px 5px 5px; /* Opera11.10+ */
    -moz-border-radius: 5px 5px 5px 5px; /* FF3.6+ */
    border-radius: 5px 5px 5px 5px;
	
    background: #FF001A; /* Old browsers */
    background: -moz-linear-gradient(top, #FF001A 0%, #99001A 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF001A), color-stop(100%,#99001A)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FF001A 0%,#99001A 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FF001A 0%,#99001A 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #FF001A 0%,#99001A 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF001A', endColorstr='#99001A',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #FF001A 0%,#99001A 100%); /* W3C */
}

.user-register input[type="submit"]:hover {
    -webkit-box-shadow: 1px 1px 5px 1px #FF001A; /* Chrome,Safari4+ */
    -o-box-shadow: 1px 1px 5px 1px #FF001A; /* Opera11.10+ */
    -moz-box-shadow: 1px 1px 5px 1px #FF001A; /* FF3.6+ */
    box-shadow: 1px 1px 5px 1px #FF001A;
}