#consent-notice {
    padding : 1rem 1rem;
    display : none;
    text-align : center;
    position : fixed;
    bottom : 0;
    /*width : calc(100% - 2rem);*/
    background : #222;
    color : rgb(255, 255, 255, 0.8);
    }

#consent-notice span {
    margin-right : 1rem;
    }

#consent-notice button {
    cursor : pointer;
    display : inline-block;
    width : auto;
    }

#consent-notice span a {
    color : inherit;
    text-decoration : underline;
    text-decoration-color : rgb(255, 255, 255, 0.5);
    }

#consent-notice button.btn {
    margin-left : 0.5rem;
    }

#consent-notice button.btn.manage-consent {
    background : rgb(255, 255, 255, 0.1);
    font-weight : normal;
    }

#consent-overlay {
    position : fixed;
    left : 0;
    top : 0;
    width : 100%;
    height : 100vh;
    display : none;
    background : rgb(0, 0, 0, 0.75);
    z-index : 999999;
    overflow : auto;
    cursor : pointer;
    }

#consent-overlay.active {
    display : flex;
    }

#consent-overlay > div {
    background : white;
    width : 100%;
    max-width : 30rem;
    padding : 1.75rem;
    margin : auto;
    cursor : initial;
    }

#consent-overlay > div > div {
    display : flex;
    align-items : flex-start;
    margin-bottom : 1rem;
    }

#consent-overlay > div > div:last-child {
    margin : 0;
    }

#consent-overlay h3 {
    padding-top : 0;
    }

#consent-overlay input {
    margin-top : 0.3rem;
    }

#consent-overlay label {
    display : block;
    }

#consent-overlay .btn {
    margin-right : 0.5rem;
    }

#consent-overlay button.btn.save-consent {
    background : rgb(0, 0, 0, 0.6);
    font-weight : normal;
    }

@media (max-width: 767px) {

    #consent-overlay > div {
        padding : 1.75rem 1rem;
        }

    #consent-notice span {
        display : block;
        padding-top : 3px;
        margin-bottom : 1.5rem;
        }

    #consent-notice button.btn {
        position : relative;
        bottom : 4px;
        }
}