/**
 * Defaults
 */
.mCCF {
    font-size: initial;
    margin: 0;
    padding: .7em 1em;
    position: fixed;
    z-index: 9999;
}
.mCCF--top,
.mCCF--bottom {
    right: 0;
    left: 0;
}
.mCCF--top {
    top: 0;
}
.mCCF--bottom {
    bottom: 0;
}
.mCCF__message {
    font-size: 90%;
    letter-spacing: .03em;
    line-height: 2;
    margin: 0;
}
.mCCF__link {
    border: none;
    text-decoration: none;
    margin-left: .5em;
}
.mCCF__accept {
    border-radius: 4px;
    border: none;
    cursor: pointer;
    float: right;
    font-size: .9em;
    margin-left: 1em;
    padding: .4em .6em;
}

/**
 * Dark
 */

.mCCF--dark {
    background: #4e4d4d;
}
.mCCF--dark.mCCF--top {
    box-shadow: 0 1px 8px #363535;
}
.mCCF--dark.mCCF--bottom {
    box-shadow: 0 -1px 4px #363535;
}
.mCCF--dark .mCCF__message {
    color: #fff;
}
.mCCF--dark .mCCF__link {
    color: #52daea;
    text-decoration: none;
}
.mCCF--dark .mCCF__accept {
    background: #90d827;
    color: #1d290a;
}
.mCCF--dark .mCCF__accept:hover {
    background: #afea58;
    color: #3f5a13;
}

/**
 * Light
 */
.mCCF--light {
    background: #e4e4e4;
    color: #000;
}
.mCCF--light.mCCF--top {
    box-shadow: 0 0 8px #9a9a9a;
}
.mCCF--light.mCCF--bottom {
    box-shadow: 1px -1px 3px #9a9a9a;
}
.mCCF--light .mCCF__message {
    color: #000;
}
.mCCF--light .mCCF__link {
    color: #6f6e6e;
}
.mCCF--light .mCCF__link:hover {
    color: #7a7a7c;
}
.mCCF--light .mCCF__accept {
    color: #fff;
    background: #929292;
}
.mCCF--light .mCCF__accept:hover {
    background: #626263;
}