:root {
  --sidebar-width: 31rem;
  --layout-gap: 4rem;
  --wp--style--block-gap: clamp(3.5rem, 2.737rem + 1.404vw, 4rem);
}

@media (min-width: 1300px) {
  :root {
    --sidebar-width: 34rem;
    --layout-gap: 6rem;
  }
}
.video-cta {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: var(--wp--preset--spacing--normal);
  position: relative;
}
.video-cta .deco {
  width: 70%;
  height: auto;
  max-width: 410px;
  position: absolute;
  right: 7%;
  opacity: 0.7;
}
@media (max-width: 1023px) {
  .video-cta .deco {
    max-width: 340px;
    right: calc(50% - 210px);
  }
}
@media (max-width: 781px) {
  .video-cta .deco {
    top: 5%;
    right: 10%;
  }
}
@media (min-width: 1024px) {
  .video-cta .deco {
    width: 30%;
    margin-top: -10%;
  }
}
.video-cta__feat {
  position: relative;
}
.video-cta .video-clip {
  position: relative;
  width: 100%;
  aspect-ratio: 12/11;
  clip-path: url(#videoClip);
  overflow: hidden;
}
.video-cta .video-clip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.video-cta .video-clip iframe {
  display: block;
  position: absolute;
}
@media (max-width: 1023px) {
  .video-cta .video-clip {
    max-width: 520px;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .video-cta {
    flex-direction: row;
    align-items: center;
    gap: var(--wp--preset--spacing--l);
  }
  .video-cta__feat {
    flex: 1;
  }
  .video-cta__content {
    flex: 1;
    order: -1;
  }
}
@media (min-width: 1350px) {
  .video-cta {
    gap: calc(var(--wp--preset--spacing--xl) * 1.1);
  }
}