#okCookie {
    position: fixed;
    z-index: 10000;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: .7rem 1rem;
    color: #4f5459;
    background: #f2f2f2;
    border-top: 1px solid #ccc;
    box-shadow: 0 -.25rem 1rem rgba(0, 0, 0, .08);
    font: 600 14px/1.45 "Open Sans", sans-serif;
}

#okCookie p { max-width: 900px; margin: 0; }
.okCookie-actions { display: flex; flex: 0 0 auto; gap: .5rem; }

#okCookie #okReject,
#okCookie #okAccept,
#okCookie #okCprivacy {
    min-height: 38px;
    padding: .45rem .9rem;
    border: 0;
    border-radius: 4px;
    font: inherit;
    text-decoration: none;
    cursor: pointer;
}

#okCookie #okReject,
#okCookie #okAccept { color: #fff; background: #135e9e; border: 2px solid #135e9e; }
#okCookie #okCprivacy { display: inline-flex; align-items: center; color: #343a40; background: transparent; text-decoration: underline; text-underline-offset: 3px; }
#okCookie #okReject:hover,
#okCookie #okAccept:hover { background: #0b4d87; border-color: #0b4d87; }
#okCookie #okCprivacy:hover { color: #0b4d87; }

@media (max-width: 700px) {
    #okCookie { align-items: stretch; flex-direction: column; gap: .6rem; }
    .okCookie-actions { flex-wrap: wrap; justify-content: flex-start; }
}