.block-video .video-holder {
  position: relative;
}
.block-video .video-holder a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.block-video .video-holder a:hover .play .stroke-dotted {
  stroke-width: 2px;
  opacity: 1;
}
.block-video .video-holder a:hover .play .stroke-solid {
  opacity: 0;
  stroke-dashoffset: 300;
}
.block-video .video-holder a .play {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translatey(-50%) translatex(-50%);
  z-index: 9999;
}
.block-video .video-holder a .play .stroke-dotted {
  stroke-width: 0.5px;
  stroke-dasharray: 4, 5;
  transform-origin: 50% 50%;
  animation: spin 4s infinite linear;
  transition: stroke-width 1s ease;
}
.block-video .video-holder a .play .stroke-solid {
  stroke-dashoffset: 0;
  stroke-dashArray: 300;
  stroke-width: 2px;
  -webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease;
  transition: stroke-dashoffset 1s ease, opacity 1s ease;
}
.block-video .video-holder a .play .icon {
  stroke-width: 2px;
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}