#cookie-banner { text-align:left; position:fixed; width:100%; z-index:999999; bottom:0; left:0; right:0; }
#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 { border-radius:50%; position:absolute; right:1rem; top:1rem; padding:1rem; transition:background-color .4s, border .4s; }
#cookie-banner-checkbox-handler:hover { transition:background-color .4s, border .4s; cursor:pointer; }
#cookie-banner-checkbox-handler:hover span { transition:color .4s; }
#cookie-banner-checkbox-handler span { width:2rem; height:2rem; position:absolute; right:0; top:0; bottom:0; left:0; font-size:1.5rem; display:block; margin:auto; text-align:center; transition:color .4s; }
#cookie-banner-checkbox { left:-9999px; opacity:0; top:-9999px; }

#cookie-banner.theme-custom { background-color:#e1e1e1; color:#000; }
#cookie-banner.theme-custom .btn { background-color:#FE7F00; color:#fff; border:2px solid #D06F0D; box-shadow:2px 2px 8px #434343; }
#cookie-banner.theme-custom .btn:hover { background-color:#D06F0D; color:#fff; border:2px solid #FE7F00; }
#cookie-banner.theme-custom #cookie-banner-checkbox-handler { background-color:#FE7F00; border:2px solid #D06F0D; box-shadow:2px 2px 8px #434343; }
#cookie-banner.theme-custom #cookie-banner-checkbox-handler:hover { background-color:#D06F0D; border:2px solid #FE7F00; }
#cookie-banner.theme-custom #cookie-banner-checkbox-handler:hover span { color:#fff; }
#cookie-banner.theme-custom #cookie-banner-checkbox-handler span { color:#eee; }

@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; }
}