.ohp-cookie-optin {
    display: flex;
    gap:20px;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    left:0;
    width: 100%;
    color: #000;
    background:#fff;
    padding: 20px;
    box-sizing: border-box;
    box-shadow:0 0 8px rgba(0,0,0,0.3);
    z-index:10000;
    transition:0.4s;
}
.ohp-cookie-optin.bottom {
    bottom: 0;
}
.ohp-cookie-optin.top {
    top: 0;
}
.ohp-cookie-optin p {
    padding: 0;
    margin: 0;
}
.ohp-cookie-optin a {
    color: #000;
}
.ohp-cookie-optin div {
    width:150px;
}
.ohp-cookie-optin button {
    color: #fff;
    padding: 10px 20px;
    margin:5px 0;
    border:none;
    cursor:pointer;
    min-width:150px;
}
.ohp-cookie-optin button.arrow-button {
    background:#008cff;
}
.ohp-cookie-optin button.disarrow-button {
    background:#e53c37;
}
.ohp-cookie-optin button:hover {
    cursor: pointer;
}

.ohp-cookie-optin.bottom.close {
    bottom:-100vh;
}
.ohp-cookie-optin.top.close {
    top:-100vh;
}

@media screen and (max-width: 600px) {
    .ohp-cookie-optin {
        flex-direction: column;
    }
    .ohp-cookie-optin p {
        padding-bottom: 10px;
    }
}