:root {
    --ipGDPR-button-margin: 1em;
    --ipGDPR-button-padding: .5em 1em;
    --ipGDPR-description-padding: 1em 0 0 0;
    --ipGDPR-bg: #e8eaec;
    --ipGDPR-z-index: 9999999999;
    --ipGDPR-text-color: #2d4156;
    --ipGDPR-border-radius: .45rem;
    --ipGDPR-btn-primary-bg: #2d4156;
    --ipGDPR-btn-primary-text: #fff;
    --ipGDPR-btn-primary-hover-bg: #1d2e38;
    --ipGDPR-btn-primary-hover-text: var(--ipGDPR-btn-primary-text);
    --ipGDPR-overlay-opacity: .95;
}


#ipGDPRlista {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 999;
    padding: 0 10%;
    background: var(--ipGDPR-bg);
    color: var(--ipGDPR-text-color);
    opacity:var(--ipGDPR-overlay-opacity);
}

#ipGDPRlista .ipGDPR-description {
    padding: var(--ipGDPR-description-padding);
}

#ipGDPRlista button {
    margin: var(--ipGDPR-button-margin);
    padding: var(--ipGDPR-button-padding);
    background: var(--ipGDPR-btn-primary-bg);
    color: var(--ipGDPR-bg);
    border:0;
    border-radius: --ipGDPR-border-radius;
    width:15em;
    cursor:pointer;
}

#ipGDPRlista button:first-of-type {
    background: var(--ipGDPR-btn-primary-text);
    color: var(--ipGDPR-btn-primary-bg);
 }

#ipGDPRlista button:hover{
    background: var(--ipGDPR-btn-primary-hover-bg);
    color: var(--ipGDPR-btn-primary-hover-text);

}

@media (max-width:768px) {
    #ipGDPRlista button{
        margin:.4em;
    }
    #ipGDPRlista {
        padding-bottom:1em;
        padding:0 5% .5em 5%;
    }
}