#cookie-banner { text-align:left; position:fixed; width:100%; z-index:999999; bottom:0; left:0; right:0; border:none; }
#cookie-banner-container { padding:1rem; padding-right:5rem; position:relative; }
#cookie-banner p { margin:0; font-size:0.9rem; line-height:150%; }
#cookie-banner a { text-decoration:none; color:#000; }
#cookie-banner a:hover { text-decoration:underline; }
#cookie-banner .buttons { margin-top:1rem; }
#cookie-banner .btn { padding:0.5rem; display:inline-block; transition:color .4s, background-color .4s, border .4s; border-radius:0.2rem; font-size:1rem; font-weight:normal; text-align:center; width:auto; }
#cookie-banner .btn:hover { cursor:pointer; transition:color .4s, background-color .4s, border .4s; }
#cookie-banner-checkbox-handler { position:absolute; right:1rem; top:1rem; padding:1rem; }
#cookie-banner-checkbox { opacity:0; }

#cookie-banner.theme-custom { background-color:#e1e1e1; color:#000; }
#cookie-banner.theme-custom .btn { background-color:#006EAF; color:#FFF; border:2px solid #006EAF; box-shadow:2px 2px 8px #444; }
#cookie-banner.theme-custom .btn:hover { background-color:#0485BB; color:#FFF; border:2px solid #0485BB; }

@media only screen and (max-width:767px) {
    #cookie-banner-container { padding-right:4rem; }
    #cookie-banner .buttons .btn { margin-bottom:0.5rem; }
    #cookie-banner .buttons .btn:last-child { margin-bottom:0; }
    #cookie-banner-checkbox-handler { padding:0.5rem; right:0.5rem; }
    #cookie-banner-checkbox-handler span { width:1.2rem; height:1.2rem; font-size:1rem; }
}

@media only screen and (min-width:768px) {
    #cookie-banner .buttons .btn { margin-right:0.5rem; }
    #cookie-banner .buttons .btn:last-child { margin-right:0; }
}