.block-image-with-video-modal .image-wrapper {
  position: relative;
}
.block-image-with-video-modal .image-wrapper .hover-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.block-image-with-video-modal .image-wrapper .hover-layer .icon-play-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
  font-size: 3.25rem;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .block-image-with-video-modal .image-wrapper .hover-layer .icon-play-video {
    width: 75px;
    height: 75px;
    font-size: 2.25rem;
  }
}
.block-image-with-video-modal .image-wrapper .hover-layer .icon-play-video:hover {
  background-color: #0811bb;
  box-shadow: 0 10px 15px 0px rgba(33, 33, 44, 0.5);
}
.block-image-with-video-modal .image-wrapper .hover-layer .icon-play-video:hover i,
.block-image-with-video-modal .image-wrapper .hover-layer .icon-play-video:hover svg {
  color: #fff;
}
.block-image-with-video-modal .image-wrapper .hover-layer .icon-play-video:active {
  transform: translate(-50%, -50%) scale(0.9);
}

/*# sourceMappingURL=block-image-with-video-modal.css.map */