#PausePlayButton {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    margin-bottom: 0;
}

.controls__button.toggleButton:hover {
    -webkit-filter: opacity(0.4) drop-shadow(0 0 1px #877148) saturate(500%);
    filter: opacity(0.4) drop-shadow(0 0 1px #877148) saturate(500%);

    transition: 0.25s
}

.controls__button.toggleButton {
    transition: 0.25s
}

.toggleButton {
    cursor: pointer;
}

#heroImg>video {
    width: 100%;

    object-fit: cover;
}

#VideoBannerContainer {
    position: relative
}

#VideoBannerContainer .controls {
    position: absolute;
    bottom: 0;
}