.p-widget-video-lightbox {
  display: block;
  position: relative;
}

.p-widget-video-lightbox::before,
.p-widget-video-lightbox::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: var(--v-transition-default);
}

.p-widget-video-lightbox::after {
  border: 3px solid transparent;
  background-color: rgb(255 255 255 / 60%);
  box-shadow: var(--v-shadow-default);
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.p-widget-video-lightbox:hover::after {
  border-color: #fff;
}

.p-widget-video-lightbox::before {
  z-index: 20;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid var(--v-color-1);
}