/* xl - DESKTOP STYLES */
.branded-content-video {
  border-radius: 16px;
  overflow: hidden;
  transform: translateZ(0);
}
.branded-content-video video, .branded-content-video iframe, .branded-content-video .elementor-wrapper {
  border-radius: 16px;
}
/* Play Button */
.branded-content-video {
  position: relative;
  cursor: pointer;
}
.branded-content-video::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  z-index: 10;
  transition: all 0.3s ease;
  clip-path: circle(50% at 50% 50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 40px;
  pointer-events: none;
}
.branded-content-video:hover::after {
  transform: translate(-50%, -50%) scale(1.1);
  background-color: #ffffff;
}
.branded-content-video.is-playing::after {
  opacity: 0;
  visibility: hidden;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22(stdin)%22%2C%22wp-content%2Fcustom_codes%2F4053-scss-desktop.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BACAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BADNA%3BACaA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAoBA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%22%7D */