.floating-kpo-banner {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  text-align: center;
  background: #fff;
}

.floating-kpo-banner img {
  display: block;
  width: auto;
  max-width: 96%;
  height: auto;
  margin-inline: auto;
}
.floating-kpo-banner.is-home-banner.is-under-hero {
  position: absolute;
  top: var(--kpo-anchor-top);
  bottom: auto;
}

.floating-kpo-banner.is-product-banner {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
  transition:
    opacity 220ms ease,
    transform 220ms ease,
    visibility 0s linear 220ms;
}

.floating-kpo-banner.is-product-banner.is-past-booking {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
}