.coookies-box-cover {
    position: fixed; left: 0px; bottom: 0px; z-index: 990;
    padding: var(--main-gap);
}

.coookies-box-body { 
    background: #fff; max-width: 420px; border-radius: 4px;
    padding: var(--main-gap) var(--main-gap) var(--main-gap-half) var(--main-gap);
    border: solid 1px #008bac;
    -webkit-box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.1);
}

.coookies-box-body p { margin-bottom: var(--main-gap-half); }

.cookies-buttons-cover a { 
    display: block; background: #ececec; color: #999;  padding: var(--main-gap-half); 
    border-radius: 4px; font-size: 1.6em; text-decoration: none; text-align: center; margin-bottom: var(--main-gap-half);
}

.cookies-buttons-cover a.cookies-btn-accept { background: #008bac; color: #fff }

@media only screen and (min-width: 960px) {
    .cookies-buttons-cover a:hover {
        background: #ccc; color: #000;
    }
}

#cookies-displayer { position: fixed; left: var(--main-gap); bottom: var(--main-gap);  background: #c5fffd; padding: 16px; border-radius: 50%; z-index: 900; }
#cookies-displayer img { height: 32px; }

@media only screen and (max-width: 960px) {
    #cookies-displayer { padding: var(--main-gap); }
    #cookies-displayer img { height: 24px; }
}