@keyframes lqdGDPRFadeIn {
    from {
        transform: translate(-50%, 50%);
        opacity: 0;
        visibility: hidden
    }

    to {
        transform: translate(-50%, 0);
        opacity: 1;
        visibility: visible
    }
}

@keyframes lqdGDPRFadeOut {
    from {
        transform: translate(-50%, 0);
        opacity: 1;
        visibility: visible
    }

    to {
        transform: translate(-50%, 50%);
        opacity: 0;
        visibility: hidden
    }
}

.lqd-gdpr-accept {
    padding: 8px 23px;
    border: none;
    border-radius: 50em;
    background: #eff3f5;
    font-size: 14px;
    line-height: 1em;
    color: #184341;
    transition: background .3s,color .3s
}

.lqd-gdpr-accept:hover {
    color: #eff3f5;
    background-color: #184341
}

.lqd-gdpr-left {
    padding-inline-end:16px}

.lqd-gdpr-inner {
    display: flex;
    align-items: center
}

#lqd-gdpr {
    padding: 10px 10px 10px 20px;
    border-radius: 50px;
    position: fixed;
    bottom: 3.5rem;
    left: 50%;
    z-index: 10152;
    background-color: #ff3737;
    font-size: .9em;
    line-height: 1.5em;
    color: rgb(255 255 255 / 86%);
    box-shadow: 0 20px 60px rgba(92,107,149,.15);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 0)
}

#lqd-gdpr,#lqd-gdpr:before,#lqd-gdpr:after,#lqd-gdpr *,#lqd-gdpr *:before,#lqd-gdpr *:after {
    box-sizing: border-box
}

#lqd-gdpr p {
    margin-bottom: 0
}

#lqd-gdpr.lqd-gdpr-ready.lqd-gdpr-visible {
    animation: lqdGDPRFadeIn .85s cubic-bezier(0.19, 1, 0.22, 1) both alternate
}

#lqd-gdpr.lqd-gdpr-ready.lqd-gdpr-hidden {
    animation: lqdGDPRFadeOut .85s cubic-bezier(0.19, 1, 0.22, 1) both alternate
}

@media screen and (max-width: 540px) {
    #lqd-gdpr {
        min-width:320px;
        border-radius: 4px;
        text-align: center
    }

    .lqd-gdpr-left {
        padding: 0;
        margin-bottom: .75em
    }

    .lqd-gdpr-inner {
        flex-direction: column
    }
}
