/* ===========================================================================
   Google Play badge: real-colour "G" on hover, crossfading with the flat
   CSS-mask glyph Framer renders by default. See store-icon-hover.js for why
   the two are separate sibling elements rather than one recoloured icon.
   =========================================================================== */

.aimore-google-icon-wrap {
  position: relative;
  display: inline-block;
}

.aimore-google-icon-wrap > .aimore-google-icon-mask {
  position: relative;
  transition: opacity 0.2s ease;
}

.aimore-google-icon-natural {
  position: absolute;
  inset: 0;
  display: block;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

a[href*="play.google.com/store"]:hover .aimore-google-icon-mask {
  opacity: 0;
}

a[href*="play.google.com/store"]:hover .aimore-google-icon-natural {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .aimore-google-icon-mask,
  .aimore-google-icon-natural {
    transition: none;
  }
}