buttons

by FZambia

HTML

<button class="thoughtbot">Регистрация</button>

<button class="cupid-green">Я буду!</button>

<button class="button4">Я пью!</button>

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

CSS

button.thoughtbot:active {
    -moz-box-shadow: 0 0 0 1px rgba(255, 115, 100, 0.4) inset;
    background-color: #D43C28;
    background-image: -moz-linear-gradient(center top , #D43C28 0%, #AD3224 50%, #9C1500 50%, #700D00 100%);
}
button.thoughtbot {
    -moz-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0 0 0 1px rgba(255, 115, 100, 0.4) inset, 0 1px 3px #333333;
    background-color: #EE432E;
    background-image: -moz-linear-gradient(center top , #EE432E 0%, #C63929 50%, #B51700 50%, #891100 100%);
    border: 1px solid #951100;
    color: #FFFFFF;
    font: bold 20px/1 "helvetica neue",helvetica,arial,sans-serif;
    padding: 12px 0 14px;
    text-align: center;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
    width: 150px;
}

button.thoughtbot:hover {
    background-color: #F37873;
    background-image: -moz-linear-gradient(center top , #F37873 0%, #DB504D 50%, #CB0500 50%, #A20601 100%);
    cursor: pointer;
}

button.cupid-green:active {
    -moz-box-shadow: 0 0 8px 4px #548C29 inset, 0 1px 0 0 #EEEEEE;
    border-color: #5B992B #5B992B #538C27;
    border-style: solid;
    border-width: 1px;
}

button.cupid-green {
    -moz-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0 1px 0 0 #96CA6D inset;
    background-color: #7FBF4D;
    background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
    border-color: #63A62F #63A62F #5B992B;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font: bold 16px/1 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
    padding: 7px 0 8px;
    text-align: center;
    text-shadow: 0 -1px 0 #4C9021;
    width: 150px;
}

button.cupid-green:hover {
    -moz-box-shadow: 0 1px 0 0 #8DBF67 inset;
    background-color: #76B347;
    background-image: -moz-linear-gradient(center top , #76B347, #5E9E2E);
    cursor: pointer;
}


.button4{
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 
 -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.6);
...