.video-text{
  display:flex;
}
@media (max-width: 800px){
  .video-text{
    flex-direction: column;
  }
}

.video-text__video,.video-text__video-youtube{
  width:100%;
  height:auto;
}
.video-text__video-cont{
  position:relative;
  overflow: hidden;
  height: auto;
  flex-basis: 50%;
}
.video-text__text{
  flex-basis: 50%;
}
.video-text__video-cont.poster-image::before{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  z-index:2;
  cursor:pointer;
}

{# --- Text --- #}
.video-text__CTA{
  padding: 8px 32px;
  transition:all .3s ease;
  font-size:18px;
  line-height:1;
}
.video-text__CTA:hover{
  text-decoration:none;
}
.video-text__video,.video-text__video-youtube{
  opacity:0;
  transition: all .3s ease;
}
.video-text__top-title,
.video-text__title{
	margin-bottom:20px;
}
.video-text__title,
.video-text__description{
	margin-bottom:50px;
}
.video-text__description *:last-child{
	margin:0;
}

{# ---- Mobile Breakpoint ---- #}

@media (max-width: 765px) {
  .video-text {
    flex-direction:column;
  }
  .video-text__video-cont{
    flex-basis: 100%;
    width:100%;
  }
  .video-text__text{
    flex-basis: 100%;
  }
}