.cc__panel {
    display: none;
    position: fixed;
    z-index: 120;
    left: 10px;
    bottom: 10px;
    min-width: 30px;
    min-height: 20px;

    padding: 10px 15px;

    background-color: rgba(0,0,0,0.8);
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.6);
}

input[type="checkbox"].cc__toggle {
    position: relative;
    display: block;
    width: 25px;
    height: 16px;
    margin: 5px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 16px;
    background-position: left;
    background-size: contain;
    background-image: url(circle.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    -webkit-appearance: none;

    transition: 0.2s ease-out;
}
input[type="checkbox"].cc__toggle:hover,
input[type="checkbox"].cc__toggle:focus {
    border-color: rgba(255, 255, 255, 0.8);
    box-shadow: none;
}
input[type="checkbox"]:checked.cc__toggle {
    background-position: right;
    background-color: #FF6700;
    border: 1px solid #FF6700;
}