.ux-video-button-advanced {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background-color: #0c1a35; /* Dark blue background from screenshot */
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
    box-shadow 0.3s ease;
}

.ux-video-button-advanced__link {
  display: block;
  text-decoration: none !important;
  color: inherit;
}

.ux-video-button-advanced__image-wrapper {
  position: relative;
  line-height: 0;
  overflow: hidden;
}

.ux-video-button-advanced__image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.ux-video-button-advanced:hover .ux-video-button-advanced__image {
  transform: scale(1.05);
}

.ux-video-button-advanced__play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background-color: #f07e54; /* Orange color from screenshot */
  clip-path: polygon(25% 15%, 85% 50%, 25% 85%);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.3));
  z-index: 2;
}

.ux-video-button-advanced__play-icon .icon-play::before {
  content: none !important;
}


.ux-video-button-advanced__link:hover .ux-video-button-advanced__play-icon {
  transform: translate(-50%, -50%) scale(1.2);
}

.ux-video-button-advanced__info {
  padding: 25px 30px;
  background-color: #0c1a35;
  min-height: 100px;
  display: flex;
  align-items: center;
}

.ux-video-button-advanced__title {
  margin: 0;
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -0.01em;
}


/* Lightbox support for Flatsome */
.ux-video-button-advanced__link.open-video {
  cursor: pointer;
}