Gradient button in CSS3

css3 button

/* from http://addyosmani.com/css3/ and http://jsfiddle.net/9TpHn/17/ */
.tutorial {
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #2356a1;
    padding: 20px 25px;
    color: #fff;
    background-color:blue;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 -1px 0 hsla(214,100%,0%,.5);
    background: #1161a0;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3fa0ff), color-stop(1, #2356a1) );
    background: -moz-linear-gradient( center top, #3fa0ff 20%, #2356a1 100% );
    -webkit-box-shadow:
        inset 0 1px 1px hsla(0,100%,100%,.4),
        inset 0 -1px 0 hsla(0,100%,100%,.3),
        0 4px 0 hsla(212,77%,26%,1),
        0 5px 2px hsla(214,100%,0%,.5);
    -moz-box-shadow:
        inset 0 1px 1px hsla(0,100%,100%,.4),
        inset 0 -1px 0 hsla(0,100%,100%,.3),
        0 4px 0 hsla(212,77%,26%,1),
        0 5px 2px hsla(214,100%,0%,.5);
    box-shadow:
        inset 0 1px 1px hsla(0,100%,100%,.4),
        inset 0 -1px 0 hsla(0,100%,100%,.3),
        0 4px 0 hsla(212,77%,26%,1),
        0 5px 2px hsla(214,100%,0%,.5);
    cursor: pointer;
}

.tutorial:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3fa0ff), color-stop(1, #b8dcf5) );
    background: -moz-linear-gradient( center top, #3fa0ff 20%, #b8dcf5 100% );
}