/* default style */
.btn {
    display: inline-block;
    padding: 0 6px;
    margin: 6px 8px;
    text-transform: uppercase;
    font-family: 'AvenirLTStd-Book';
    font-size: 14px;
    text-decoration: none;
    line-height: 1;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #FFF;
}

.btn:focus,
.btn:hover,
.btn:active {
    color: #FFF;
}

/* button with gradient */
.btn.btn-gradient {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

/* button light (grey) */
.btn-light {
    background-color: lighten(#E1E1E1, 6.25%);
    /* #F1F1F1 */
    color: #0088CE;
    border-color: lighten(#E1E1E1, 4.75%);
    /* #EDEDED */
}

.btn-light.btn-gradient {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%);
    background-color: #FFF;
}

.btn-light:focus,
.btn-light:hover,
.btn-light:active {
    color: #0088CE;
}

/* blue */
.btn-blue {
    background-color: #0088CE;
}

/* with gradient */
.btn-blue.btn-gradient {
    border-color: #0088CE;
}

/* teal */
.btn-teal {
    background-color: #009AA6;
}

/* with gradient */
.btn-teal.btn-gradient {
    border-color: #009AA6;
}

/* applegreen */
.btn-applegreen {
    background-color: #82BE00;
}

/* with gradient */
.btn-applegreen.btn-gradient {
    border-color: #82BE00;
}

/* plum */
.btn-plum {
    background-color: #A1006B;
}

/* with gradient */
.btn-plum.btn-gradient {
    border-color: #A1006B;
}

/* raspberry */
.btn-raspberry {
    background-color: #CD0037;
}

/* with gradient */
.btn-raspberry.btn-gradient {
    border-color: #CD0037;
}

/* purple */
.btn-purple {
    background-color: #6E1E78;
}

/* with gradient */
.btn-purple.btn-gradient {
    border-color: #6E1E78;
}

/* cool gray 7 */
.btn-coolGray7 {
    color: #FFFFFF;
    background-color: #A0A0A0;
}

/* with gradient */
.btn-coolGray7.btn-gradient {
    color: #FFFFFF;
    border-color: #A0A0A0;
}