/* =========================
   PLAY BUTTON — PREMIUM STYLE
========================= */

.vpm-btn{
  display:inline-flex;
  border:none;
  background:transparent;
  cursor:pointer;
	color:#ffffff !important;
  fill:#ffffff !important;
}
.vpm-btn,
.vpm-btn *{
  color:#ffffff !important;
  fill:#ffffff !important;
}


/* White round glow button */
.vpm-icon{
  width:80px;
  height:80px;
  border-radius:50%;
  border:3px solid #ffffff !important;
  color:#ffffff !important;
  font-size:30px;

  display:flex;
  justify-content:center;
  align-items:center;

  background:rgba(255,255,255,.1);
  box-shadow:0 0 25px rgba(0,0,0,.35);

  animation:pulse 2s infinite;
}

/* Soft glow animation */
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}
  70%{box-shadow:0 0 0 22px rgba(255,255,255,0)}
  100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}


/* =========================
   POPUP OVERLAY — CENTERED
========================= */

.vpm-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.85);
  display:none;
  justify-content:center;
  align-items:center;
  z-index:999999;
  padding:20px;
}


/* =========================
   POPUP BOX
========================= */

.vpm-popup{
  position:relative;
  max-width:900px;
  width:90%;
  background:#000;
  padding:10px;
  border-radius:10px;
}


/* Keep video 16:9 */
.vpm-wrapper{
  position:relative;
  padding-top:56.25%;
}

.vpm-wrapper iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
}


/* =========================
   CLOSE BUTTON
========================= */

.vpm-close{
  position:absolute;
  top:-30px;
  right:0;
  color:#fff;
  font-size:30px;
  cursor:pointer;
}

@media(max-width:600px){
  .vpm-close{
    top:5px;
    right:10px;
  }
}