.yt-consent{display:block}
.yt-consent-frame{
  position:relative;
  padding-bottom:56.25%; /* 16:9 */
  height:0;
  border-radius:18px;
  background:#000 center/cover no-repeat;
  background-image: url("../images/thumbnail_youtube.jpg");
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}

.yt-consent-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;   /* center the button */
  padding:20px 18px 56px;   /* bottom space for the legal line */
  text-align:center;
  background:radial-gradient(ellipse at center, rgba(0,0,0,.24), rgba(0,0,0,.52));
}

.yt-btn-play{
  appearance:none;
  border:2px solid #fff;
  background:rgba(0,0,0,.55);
  color:#fff;
  padding:12px 18px;
  border-radius:9999px;
  cursor:pointer;
  font-weight:700;
  font-size:1rem;
}
.yt-btn-play:focus{outline:3px solid rgba(255,255,255,.6);outline-offset:2px}

.yt-consent-legal{
  position:absolute;
  left:0; right:0; bottom:12px;
  padding:0 16px;
  color:rgba(255,255,255,.92);
  font-size:.88rem;
  line-height:1.35;
  text-shadow:0 1px 2px rgba(0,0,0,.6);
}
.yt-consent-legal a{color:#fff;text-decoration:underline}

.yt-embed{
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  border-radius:18px;
}
.yt-embed iframe{
  position:absolute;
  top:0;left:0;width:100%;height:100%;
  border:0;
}