#cookieconsent{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:900px;
    z-index:100;

    background:#FFF; border:0; border-radius:10px; padding:50px 25px; box-shadow:0 32px 68px rgba(0,0,0,.3); display:none;
}

#cookieconsent[open]{display:flex; flex-direction:column;}

#cookieconsent h2{font-size:3rem; font-weight:normal; text-align:center;}
#cookieconsent h3{font-size:2rem; font-weight:normal;}
#cookieconsent p,li{font-size:1rem;}
#cookieconsent button{border-radius:10px; padding:10px 20px; margin:10px; font-size:1rem; border:1px solid #000;}
#cookieconsent button:hover{cursor:pointer;}

.dialog-head,.dialog-content,.dialog-used-permissions,.dialog-buttons{display:flex; align-items:center; justify-content:center;}
.dialog-content{flex-direction:column;}
.dialog-buttons{flex-direction:row;}
#cookieconsent .dialog-buttons{padding-top:25px;}
#cookieconsent button.accept,#cookieconsent button.decline:hover{background:#000; color:#FFF;}
#cookieconsent button.decline,#cookieconsent button.accept:hover{background:#FFF; color:#000;}

#cookieconsent ul{display:flex; flex-direction:row; padding:0; margin:10px 0;}
#cookieconsent li{padding:0; margin-right:15px; list-style:none;}
#cookieconsent li::before{font-family:'dashicons'; content: "\f15e"; color:green; margin-right:5px;}

@media screen and (max-width:992px) {
    #cookieconsent{max-width:90%;}
    #cookieconsent .dialog-used-permissions ul{display:block !important;}
}
@media screen and (max-width:600px) {
    #cookieconsent p,li{font-size:14px;}
}