/* VIDEO THUMB */
.p-thumbnails .p-thumbnail.video-thumb{
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

/* thumbnail image */
.p-thumbnails .p-thumbnail.video-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* darker overlay so play pops */
.p-thumbnails .p-thumbnail.video-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.15);
  pointer-events:none;
  transition: .15s ease;
}
.p-thumbnails .p-thumbnail.video-thumb:hover::after{
  background: rgba(0,0,0,.55);
}

/* play button */
.p-thumbnails .p-thumbnail.video-thumb .video-play{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: #ff0000;
  display:grid;
  place-items:center;
  pointer-events:none;
  transition: transform .15s ease;
}

/* hover: slightly bigger */
.p-thumbnails .p-thumbnail.video-thumb:hover .video-play{
  transform: translate(-50%,-50%) scale(1.08);
}

/* play icon */
.p-thumbnails .p-thumbnail.video-thumb .video-play svg{
  width: 30px;
  height: 30px;
  transform: translateX(2px);
}