.iphone-banner-container .video-banner-cta {
    --banner-video-h: 35.15625vw;
    --banner-video-bar: 0px;
    --banner-video-anchor: .154444;

    position: absolute;
    left: 50%;
    bottom: calc(var(--banner-video-bar) + var(--banner-video-h) * var(--banner-video-anchor) - .99em);
    transform: translateX(-50%);
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .7em;
    padding: 0;
    font-family: SFProDisplay, -apple-system, BlinkMacSystemFont, Poppins-Regular, sans-serif;
    font-size: clamp(15px, calc(var(--banner-video-h) * .037037), 34px);
}

.iphone-banner-container .video-banner-cta .video-banner-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 1.98em;
    padding: 0 .8em;
    border: solid max(1px, .08em) #fff;
    border-radius: 999px;
    background-color: transparent;
    /* !important only to outrank the theme's own a:active !important. */
    color: #fff !important;
    font: inherit;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: background-color .2s ease;
}

.iphone-banner-container .video-banner-cta .video-banner-cta-button:hover {
    background-color: rgba(255, 255, 255, .12);
    text-decoration: none;
}

.iphone-banner-container .video-banner-cta .video-banner-cta-button:active {
    background-color: rgba(255, 255, 255, .22);
}

@media (max-width: 920px) {
    .iphone-banner-container .video-banner-cta {
        --banner-video-h: min(50vh, 35.15625vw);
        --banner-video-bar: calc((50vh - min(50vh, 35.15625vw)) / 2);
    }
}

@media (max-width: 600px) {
    .iphone-banner-container .video-banner-cta {
        --banner-video-h: min(70vh, 153.40909vw);
        --banner-video-bar: calc((70vh - min(70vh, 153.40909vw)) / 2);
        --banner-video-anchor: .147037;
    }
}