Pretty Button

by Alexander Shpak

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css">
<div class="prettyButton"><a href="#"><i class='icon-download'></i>  Download</a>

</div>

CSS

.prettyButton {
    float: left;
    border-radius: 5px;
    background : #960018;
    box-shadow : inset -1px 1px 2px 1px #f33, 0px 0px 4px 1px #666;
    padding: 12px 4px;
    border: 1px solid #333;
    transition : all .2s ease;
    text-align: center;
}
.prettyButton a {
    text-shadow : 2px 2px 1px #960018;
    box-shadow : inset 0px 2px 4px 4px #f01;
    font : bold 24px Helvetica, Arial, sans-serif;
    background : #f01;
    padding: 8px 16px;
    border: 1px dashed #f99;
    color : #fff;
    text-decoration: none;
}