.lazy-embed {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #111;
}

.lazy-embed--mave {
  width: 100%;
  min-height: 152px;
}

.lazy-embed--youtube,
.conn-youtube-embed.lazy-embed,
.news-youtube-embed.lazy-embed,
.lazy-embed--vimeo,
.news-vimeo-embed.lazy-embed {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.lazy-embed__cover {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lazy-embed--mave .lazy-embed__cover {
  min-height: 152px;
  object-fit: cover;
}

.lazy-embed__play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 168px;
  min-height: 48px;
  padding: 12px 20px;
  border: 0;
  border-radius: 999px;
  background: rgba(20, 20, 20, 0.82);
  color: #fff;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  transition: transform 0.15s ease, background 0.15s ease;
}

.lazy-embed__play:hover,
.lazy-embed__play:focus-visible {
  transform: translate(-50%, -50%) scale(1.03);
  background: rgba(232, 71, 43, 0.92);
  outline: none;
}

.lazy-embed--active .lazy-embed__play,
.lazy-embed--active .lazy-embed__cover {
  display: none;
}

.lazy-embed--active iframe,
.lazy-embed--mave.lazy-embed--active .news-podcast-frame,
.lazy-embed--youtube.lazy-embed--active .conn-youtube-iframe,
.lazy-embed--youtube.lazy-embed--active .news-inline-youtube,
.lazy-embed--vimeo.lazy-embed--active .news-inline-vimeo {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  border: 0;
}

.lazy-embed--mave.lazy-embed--active {
  min-height: 152px;
}