.vjs-ad-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.01);
  z-index: 9998;
  cursor: pointer;
}

.video-js {
  position: relative;
}

/* button skip and countdown */
.vjs-ad-skip {

  position: absolute;
  right: 20px;
  bottom: 80px;
  z-index: 10000;


/* a frame around the text */
  padding: 18px 24px;
  font-size: 18px;
  line-height: 1;

  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);

  pointer-events: auto;
  user-select: none;

  transition: background 0.2s ease, opacity 0.2s ease;
}

/* active  skip */
.vjs-ad-skip-active {
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  padding: 18px 74px;
}

.vjs-ad-skip-active:hover {
  background: rgba(0, 0, 0, 0.60);
  font-size: 18px;
  padding: 18px 74px;
}