nice red button

by James Doyle

HTML

<a href="#" class="button">Complete an Action</a>

CSS

body {
    margin: 15px;
}
.button {
    text-decoration: none;
    color: white;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #a40f0f;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.6);
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    background: #dd0000; /* Old browsers */
}
.button:hover {
    background: #ff0000;
    box-shadow: none;
}
.button:active {
    color: #ddd;
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.2);
    background: #cc0000; /* Old browsers */
}