/* CTA FOOTER */
.dd-biw-info-wrapper {
    min-height: calc( var(--dd-biw-height, 100vh) - var(--dd-cta-footer-height, 0px) );
}

.dd-biw-cta-footer {
    position: sticky; /* TODO: Fix jump on mobile - maybe use fixed instead of sticky? */
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: grid;
    grid-template-rows: auto;
    gap: 10px;
    margin: 0 10px;
    padding: 20px;
    font-size: var(--dd-font-normal);
    background: white;
    background-color: var(--dd-color-background);
    border-radius: 20px 20px 0 0;
    transition: transform 0.5s ease;
    transform: translate(0px, 100%);
}

.dd-bse-biw.active:not(.dd-loading) .dd-biw-cta-footer {
    transform: translate(0, 0);
}

.dd-biw-cta-footer .dd-cta-info {
    white-space: nowrap;
}

@media screen AND ((max-width:767px) OR (orientation:portrait)) {
    .dd-biw-info-wrapper {
        margin-bottom: var(--dd-cta-footer-height, 0px);
    }
    .dd-biw-cta-footer {
        position: fixed; /* TODO: Fix jump on mobile - maybe use fixed instead of sticky? */
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
    }
}