Вот ты просил 
Делал под сайт и без фотошопа Если хочешь переделать могу ...
Демо мож глянуть :)
Code
<div class="css-button"><center style="padding-top: 7px;color: white;font-weight: bold;font-family: Arial;">Скачать</center></div>
<style>
.css-button {
background: -moz-linear-gradient(top, #5fc292, #01723C);
background: -webkit-linear-gradient(top, #5fc292, #01723C);
background: -o-linear-gradient(top, #5fc292, #01723C);
background: -ms-linear-gradient(top, #5fc292, #01723C);
background: linear-gradient(top, #5fc292, #01723C);
width: 150px;
height: 30px;
border-radius: 2px;
font-size: 13px;
}
.css-button:hover {
background: -moz-linear-gradient(top, #93deba, #01723C);
background: -webkit-linear-gradient(top, #93deba, #01723C);
background: -o-linear-gradient(top, #93deba, #01723C);
background: -ms-linear-gradient(top, #93deba, #01723C);
background: linear-gradient(top, #93deba, #01723C);
width: 150px;
height: 30px;
border-radius: 2px;
font-size: 13px;
}
.css-button:active {
background: -moz-linear-gradient(top, #045e32, #01723C);
background: -webkit-linear-gradient(top, #045e32, #01723C);
background: -o-linear-gradient(top, #045e32, #01723C);
background: -ms-linear-gradient(top, #045e32, #01723C);
background: linear-gradient(top, #045e32, #01723C);
width: 150px;
height: 30px;
border-radius: 2px;
font-size: 12px;
}
</style>
