.home-banner-toggle {
    position: absolute;
    bottom: 60px;
    left: calc(57.5% - 7.5px);
    transform: translateX(-50%);
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45em;
    min-height: 44px;
    padding: .35rem .85rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: #515aa4;
    color: #fff;
    font-size: .9rem;
    line-height: 1.35;
    cursor: pointer;
}

@media (min-width: 1400px) {
    .home-banner-toggle {
        left: calc(57.5% - 12.5px);
    }
}

/* The mobile caption spans the bottom of the photo. */
@media (max-width: 999px) {
    .home-banner-toggle {
        top: .75rem;
        left: 50%;
        bottom: auto;
    }
}

.home-banner-toggle:hover {
    background: #393f7d;
}

.home-banner-toggle svg {
    flex: none;
}

.home-banner-toggle[data-playing="true"] .home-banner-play-icon,
.home-banner-toggle[data-playing="false"] .home-banner-pause-icon {
    display: none;
}


.home-banner-toggle[hidden] {
    display: none;
}

.home-banner-toggle:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
    box-shadow: 0 0 0 3px #29243a;
}