.lazy-video-player{
  width:min(100%,420px);
  margin:44px auto 0;
  aspect-ratio:9/16;
  background:var(--deep);
  position:relative;
  overflow:hidden;
  border:1px solid rgba(247,245,238,.18);
  box-shadow:0 30px 70px rgba(0,0,0,.35);
}
.lazy-video-player video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.video-start{
  position:absolute;
  inset:0;
  border:0;
  background:linear-gradient(to top,rgba(18,53,36,.88),rgba(18,53,36,0) 42%);
  color:var(--cream);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:10px;
  padding:0 20px 28px;
  font:700 11px/1 var(--sans);
  letter-spacing:.12em;
}
.video-start span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding-left:3px;
  border:1px solid rgba(247,245,238,.8);
  border-radius:50%;
  background:rgba(18,53,36,.72);
}
.lazy-video-player.started .video-start{display:none}
.counter{text-align:center}

@media(max-width:480px){
  .lazy-video-player{width:100%}
}