coristine 2 button class

made a button by adding a class

by James Doyle

HTML

<a href="#" class="button">Explore Book</a>

CSS

a.button {
    padding: 8px 20px;
    font-size: 0.9em;
    font-weight: bold;
    color: #1b3c71;
    text-shadow: 0px 1px #ddd;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: 1px 1px 2px rgba(25,25,25,0.8);
    background: #bdd5fc; /* Old browsers */
background: -moz-linear-gradient(top, #bdd5fc 0%, #aeccfd 49%, #9ebdee 52%, #b1c9ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdd5fc), color-stop(49%,#aeccfd), color-stop(52%,#9ebdee), color-stop(100%,#b1c9ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bdd5fc 0%,#aeccfd 49%,#9ebdee 52%,#b1c9ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bdd5fc 0%,#aeccfd 49%,#9ebdee 52%,#b1c9ed 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #bdd5fc 0%,#aeccfd 49%,#9ebdee 52%,#b1c9ed 100%); /* IE10+ */
background: linear-gradient(top, #bdd5fc 0%,#aeccfd 49%,#9ebdee 52%,#b1c9ed 100%); /* W3C */
}

a.button:hover {
    color: #1b3c71;
    text-shadow: 0px 1px #ddd;
    text-decoration: underline;
    background: #bdd5fc; /* Old browsers */
}