.mCCF {
    font-size: inherit;
    text-align: center;
    margin: 0;
    padding: 15px;
    position: fixed;
    z-index: 9999;
}
.mCCF--bottom,
.mCCF--top {
    right: 0;
    left: 0;
}
.mCCF--top {
    top: 0;
}
.mCCF--bottom {
    bottom: 0;
}
.mCCF__message {
    font-size: 80%;
    letter-spacing: .03em;
    line-height: 1.5;
    margin: 0;
}
.mCCF__link {
    border: none;
    text-decoration: underline;
    margin-left: .5em;
}
.mCCF__accept {
    width: auto;
    border: none;
    cursor: pointer;
    font-size: 80%;
    margin-top: 10px;
    padding: .4em .6em;
}
.mCCF--dark {
    background: #4e4d4d;
}
.mCCF--dark.mCCF--top {
    box-shadow: 0 1px 8px #363535;
}
.mCCF--dark.mCCF--bottom {
    box-shadow: 0px -3px 9px 0px rgba(0, 0, 0, 0.2);
}
.mCCF--dark .mCCF__message {
    color: #fff;
}
.mCCF--dark .mCCF__link {
    color: #fff;
    border: none;
}
.mCCF--dark .mCCF__accept,
.mCCF--dark .mCCF__accept:hover {
    background: #fff;
    color: #000;
}

.mCCF--light {
    background: #e4e4e4;
    color: #000;
}
.mCCF--light.mCCF--top {
    box-shadow: 0 0 8px #9a9a9a;
}
.mCCF--light.mCCF--bottom {
    box-shadow: 0px -3px 9px 0px rgba(0, 0, 0, 0.2);
}
.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;
}