.video-mask--wrap{
    display: flex;
    /* mobile defaults use CSS variables set inline on the wrapper */
    margin-top: var(--vm-mt-mobile, 0);
    margin-bottom: var(--vm-mb-mobile, 0);
}
@media(max-width:576px){
    .video-mask--wrap{
        flex-direction: column-reverse;
    }
}
.video-mask__content{
    display: flex;
    flex-direction: column;
    width: 50%;
    position: relative;
    & .btn-cta{
        &::before{
            opacity: 0;
            transition: opacity 500ms ease 500ms, transform 500ms ease, height 500ms ease;
        }
        &.is-revealed{
            &::before{
                opacity: 1;
            }
            overflow: visible!important;
        }
    }
}
@media(max-width:576px){
    .video-mask__content{
        width: 100%;
        margin-bottom: 2rem;
        &:nth-child(2){
            margin-bottom: 0;
            scale: 0.5;
            overflow: hidden;
            padding: 1rem 0;
        }
    }
}
.video-mask__text h1{
    flex-direction: column;
    margin: 0;
    line-height: 110%;
}
.video-mask__text h1:nth-child(2){
    margin-bottom: 2rem;
}
.video-mask__group{
    width: 344px;
    height: 360px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media(max-width:768px){
    .video-mask__group{
        position: static;
        transform: none;
        top: unset;
        left: unset;
        width: 100%;
    }
}
@media(min-width:768px){
    .video-mask--wrap{
        margin-top: var(--vm-mt-desktop, var(--vm-mt-mobile, 0));
        margin-bottom: var(--vm-mb-desktop, var(--vm-mb-mobile, 0));
    }
}
.video-mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
@media(max-width:768px){
    .video-mask{
        height: 100%;
        width: 100%;
        top: unset;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 0%);
    }
}
.video-mask__video{
    width: 98%;
    height: 98%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width:768px){
    .video-mask__video{
        width: 98%;
        height: 98%;
        top: unset;
        bottom: 0;
        transform: translate(-50%, -2%);
    }
}