.cc-window.cc-invisible {
    pointer-events: none !important
}

.cc-revoke,
.cc-window{
    z-index: 39 !important;
}

.cc-revoke{
    color: #fff !important;
    background-color: #cc1984 !important;
    border-color: #CC1984 !important;
}

.cc-window{
    background-color: white !important;
    color: #000 !important;
    box-shadow: 0 0 9px rgba(0, 0, 0, .1) !important;
    border-radius: 5px !important;
}

.cc-link{
    color: #000 !important;
    text-decoration: underline !important;
}

.cc-link:hover,
.cc-link:focus-visible{
    text-decoration: none !important;
}

.cc-btn{
    --outline-colour: #181847;
    cursor: pointer;
    font-family: Quicksand, sans-serif;
    text-decoration: none;
    padding: 16px 20px;
    line-height: 18px;
    border-radius: 5px;
    transition: background .15s, color .15s;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: #181847;
    display: inline-block;
}

.cc-btn.cc-allow{
    color: #fff !important;
    background-color: #cc1984 !important;
    border-color: #CC1984 !important;
}

.cc-btn.cc-deny{
    color: #464650 !important;
    background-color: #fff !important;
    border-color: #dfdfdf !important;
}

.cc-btn.cc-allow:hover,
.cc-btn.cc-allow:focus-visible{
    background-color: #b51675 !important;
    text-decoration: none !important;
}
.cc-btn.cc-deny:hover,
.cc-btn.cc-deny:focus-visible{
    border-color: #a4a7af !important;
    text-decoration: none !important;
}

@media (max-width: 767px) {
    .cc-window {
        max-width: calc(100% - 2em) !important
    }
}

@media (min-width: 992px) {
    .cc-window {
        max-width: 434px !important;
        padding: 30px !important
    }

    .cc-window .cc-btn {
        line-height: 1 !important;
        padding: 15px 0 !important
    }
}

@media (min-width: 992px) and (max-width: 1534px) {
    .cc-window {
        max-width: 391px !important;
        font-size: 1.4rem;
        font-size: 1.4rem;
        padding: 30px !important
    }
}

@media (max-width: 414px) {
    .cc-window {
        max-width: 100% !important
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .cc-window {
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 30px !important;
        display: flex !important;
        flex-direction: row !important
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .cc-floating .cc-message {
        margin-bottom: 0 !important;
        padding-right: 10px !important
    }
}