.pmb-frame{
  width:300px;
  height:250px;
  position:relative;
  overflow:hidden;
  border-radius: 12px;
  background:#0b0f1a;
}

.pmb-mediaWrap{
  position:absolute;
  inset:0;
}

.pmb-media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: cover;
  opacity:0;
  transition: opacity 450ms ease;
  display:block;
}

.pmb-media.isActive{ opacity:1; }
.pmb-media.isIdle{ opacity:0; }

.pmb-overlay{
  position:absolute;
  left:0; right:0; bottom:0;
  padding: 10px;
  pointer-events:none;
}

.pmb-cta{
  display:inline-block;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,.55);
  color:#fff;
  font-weight: 800;
  font-size: 13px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.pmb-frame:after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(120deg, rgba(255,255,255,.08), transparent 45%, transparent 55%, rgba(255,255,255,.06));
  pointer-events:none;
}