#cookie-bar {background:#e0e0e0; height:34px; line-height:34px; color:#333; text-align:center; padding:3px 0; z-index: 1000; font-size: 13px;}
#cookie-bar.fixed {position:fixed; margin-bottom: 0px; bottom: 0; left:0; width:100%;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 10px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

/* Custom Styles to make it compatible with modern screens */
div#cookie-bar {
    display: grid;
    grid-template-columns: .7fr repeat(2, auto);
    gap: 1em;
    place-content: center;
    align-items: center;
    height: unset;
    padding: 2ch;
    user-select: none;
    box-sizing: border-box;
}
div#cookie-bar > .message {
    line-height: 3.4ch;
}
div#cookie-bar > * {
    margin-left: unset;
}

@media only screen and (max-width: 480px) {
    div#cookie-bar {
        grid-template-columns: unset;
        grid-template-rows: repeat(3, auto);
        height: unset;
        padding: 3ch;
    }
    
}