/* v15.2 — promo directional hover + gallery side arrows */

/* Promo CTA must stay blue underneath the directional fill.
   The yellow comes only from the cursor-origin fill layer. */
.promo-cta,
.promo-cta:hover,
.promo-cta.cursor-fill-active {
  background:#0055FF !important;
}
.promo-cta .cursor-fill-layer {
  background:#FFB200 !important;
  transition:transform .72s cubic-bezier(.18,.72,.18,1) !important;
}
.promo-cta p {
  position:absolute;
  z-index:3 !important;
  transition:color .42s ease !important;
}
.promo-cta > img {
  position:absolute;
  z-index:3 !important;
  transform:rotate(0deg) !important;
  transform-origin:50% 50% !important;
  transition:transform .62s cubic-bezier(.18,.72,.18,1), filter .42s ease !important;
}
.promo-cta.cursor-fill-active p {
  color:#212121 !important;
}
.promo-cta.cursor-fill-active > img {
  transform:rotate(9deg) !important;
  filter:brightness(0) !important;
}

/* Gallery uses the same Figma chevron artwork, rotated only to left/right. */
.gallery-arrow--left > img {
  transform:rotate(90deg) !important;
  transform-origin:50% 50% !important;
}
.gallery-arrow--right > img {
  transform:rotate(-90deg) !important;
  transform-origin:50% 50% !important;
}