quick buttons for prototyping

css buttons

a.button {
    cursor: pointer;
    color: white;
    font-size: 0.9em;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.4);
    padding: 6px 20px;
    border-radius: 5px;
    box-shadow: inset 0px 1px rgba(255,255,255,0.3), 
        inset 0px -5px 20px rgba(0,0,0,0.4);
}

a.button:hover {
    box-shadow: inset 0px 1px rgba(255,255,255,0.3), 
        inset 0px -5px 20px rgba(0,0,0,0.4),
        0px 2px 6px rgba(0,0,0,0.4);
}

a.button:active {
    box-shadow: inset 0px 1px rgba(255,255,255,0.3), 
        inset 0px 5px 20px rgba(0,0,0,0.4);
}

a.button.default {
    background: #555;
    border:1px solid #333;
}

a.button.orange {
    background: #f50;
    border:1px solid #930;
}

a.button.red {
    background: #f00;
    border:1px solid #800;
}

a.button.blue {
    background: #0050FF;
    border:1px solid #003099;
}

a.button.green {
    background: #32CD32;
    border:1px solid #196719;
}

a.button.yellow {
    background: #dd0;
    border:1px solid #880;
}

a.button.white {
    color: rgba(0,0,0,0.5);
    text-shadow: 1px 1px rgba(255,255,255,0.6);
    background: #efefef;
    border:1px solid #aaa;
}