.btn, a.btn {
    font: bold 1.1em/1em Museo, sans-serif;
    padding: 14px 20px 14px;
    border-radius: 15px;
    display: inline-block;
    text-decoration: none !important;
    margin: 10px;
    vertical-align: top;
    color: #fff;
    text-shadow: 0 0 1px rgba(1,1,1,0.5);
    background: #656565;
    user-select: none;
    transition: filter 1s, opacity 1s;

    &:hover {
        background: #444;
        color: #fff !important;
    }

    &.grey {
        background: #999;

        &:hover {
            background: #888;
        }
    }

    &.blue {
        background: #306599;

        &:hover {
            background: #3675b1;
        }
    }

    &.red {
        background: #990808;

        &:hover {
            background: #B00E0E;
        }
    }

    &.green {
        background: #86a510;

        &:hover {
            background: #7b980e;
        }
    }

    &.chill {
        filter: grayscale(1);
        opacity: 0.5;
        cursor: default;
    }
}

a.btn:visited {
    color: #fff !important;
}