.cb-video { position: relative; }
.cb-video--auto-ratio { aspect-ratio: var(--cb-ratio, 16 / 9); }
.cb-video--auto-ratio > iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.cb-video__placeholder {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111;
  color: #f0f0f0;
  text-align: center;
}
.cb-video__placeholder h3,
.cb-video__placeholder p {
  color: #f0f0f0 !important;
}
.cb-video__content { max-width: 320px; padding: 1rem; }
.cb-video__icon { font-size: 2rem; margin-bottom: 0.5rem; color: #f0f0f0 !important;}
.cb-video__btn { margin-top: 0.75rem; padding: 0.5rem 1rem; cursor: pointer; }