/* Keep the overlay aligned to the original 600 x 258 logo at any width. */
.review-logo {
  position: relative;
  isolation: isolate;
  background: #000;
}
.review-logo img { display: block; }
.review-logo::after,
.review-logo .review-booking {
  position: absolute;
  left: 2%;
  top: 50.8%;
  width: 60.5%;
  height: 43.4%;
}
.review-logo::after {
  content: "";
  pointer-events: none;
}
.review-logo .review-booking {
  z-index: 1;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.review-booking:focus-visible {
  outline: 2px solid white;
  outline-offset: -4px;
}
.review-logo--gold::after {
  background: #f5c766;
  mix-blend-mode: multiply;
  animation: gold-lettering 2.8s ease-in-out infinite;
}
@keyframes gold-lettering {
  0%, 100% { background: #c28a24; }
  50% { background: #fff0ae; }
}
.review-logo--purple::after {
  background: #592e80;
  mix-blend-mode: screen;
  box-shadow: inset 0 0 0 2px #c48cff, 0 0 12px #a869db;
  animation: booking-glow 2.8s ease-in-out infinite;
}
@keyframes booking-glow {
  0%, 100% { background: #42215f; box-shadow: inset 0 0 0 2px #a869db, 0 0 6px #a869db66; }
  50% { background: #7942a7; box-shadow: inset 0 0 0 2px #dfbbff, 0 0 18px #a869db; }
}
@media (prefers-reduced-motion: reduce) {
  .review-logo::after { animation: none; }
}