/* Lone button that straddles the seam between the block above and below it.
   z-index stays at 3 — the sticky menubar is 4 and must remain on top. */
.overlapping-cta--section {
    position: relative;
    z-index: 3;
    text-align: center;
    /* Let clicks fall through to the overlapped sections; only the button is interactive. */
    pointer-events: none;
    margin-top: calc(var(--ovl, 28px) * -1);
    margin-bottom: calc(var(--ovl, 28px) * -1);
}

.overlapping-cta--button {
    pointer-events: auto;
}

@media (min-width: 992px) {
    .overlapping-cta--section {
        --ovl: 22px;
    }
}