.hero-container {
    display: flex;
    width: 100%;
    height: auto;
    margin: 0;
    flex-direction: column;
    overflow: hidden;

    .info-text {
        padding: 0;

    }

    .hero-video {
        position: relative;
        width: 100%;
    }

    .hero-video video {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

}


@media (min-width: 1000px) {
    .hero-container {
        height: 800px;
        flex-direction: row;
    }

    .info-text {
        flex: 0 0 40%;
    }

    .hero-video {
        flex: 0 0 60%;
        height: 100%;
        overflow: hidden;
    }

    .hero-video video {
        position: absolute!important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 100%!important;
        width: auto!important;
    }
}

.wp-block-button {
    background-color: var(--wp--preset--color--custom-color-2);
    border-radius: 50%;
    color: var(--wp--preset--color--custom-color-1);
}

.wp-block-button:hover {
    transform: scale(1.03);
    color: var(--wp--preset--color--custom-color-5);
}