.video-text{
  display:grid;
  grid-template-columns: repeat(2,1fr);
  grid-column-gap: 50px;
  grid-template-rows: auto;
  align-items: center;
}
.video-text__video,.video-text__video-youtube{
  width:100%;
  height:300px;
}
.video-text__video-cont{
  position:relative;
  overflow: hidden;
  padding: 6px;
  height: 340px;
}
.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__text h1,
.video-text__text h2,
.video-text__text h3,
.video-text__text h4,
.video-text__text h5
{
  font-family:'Iskra';
  font-weight:900;
}
.video-text__text p,.video-text__text h6,.video-text__text a{
  font-family:'aktiv-grotesk';
  font-weight:400;
  margin-bottom:0;
}
.video-text__Cont-CTA{
  margin-top:28px;
}
.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;
}
{# ---- Mobile Breakpoint ---- #}

@media (max-width: 765px) {
  .video-text {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-row-gap: 30px;
  }
}

.white {
  color: #fff;
}