.store-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.store-badge {
  display: inline-grid;
  place-items: center;
  min-height: 44px;
  border-radius: 6px;
}
.store-badge img {
  display: block;
  width: auto;
  height: 40px;
}
.store-badge-google {
  /* Google supplies a 646 × 250 canvas around a 646 × 192 badge. */
  width: calc(40px * 646 / 192);
  position: relative;
}
.store-badge-google img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  width: 100%;
  max-width: none;
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.store-badge-google img[src$="-en.png"] {
  /* The English artwork has slightly larger transparent margins. */
  width: calc(100% * 192 / 168);
}
@media (prefers-reduced-motion: no-preference) {
  .store-badge { transition: transform 180ms cubic-bezier(.16, 1, .3, 1); }
  .store-badge:focus-visible { transform: translateY(-2px); }
  .store-badge:active { transform: translateY(0) scale(.98); }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .store-badge:hover:not(:active) { transform: translateY(-2px); }
}