/* Shared by the React store-links screen and the index.html boot fallback.
   Official badges have different aspect ratios (Apple ~3:1, Play ~3.37:1).
   They share one width so the stack lines up; height stays auto so neither
   badge is stretched (Apple forbids distorting the App Store mark). 135px is
   Play's width at Apple's 40px minimum height. */

.store-links {
  --store-badge-width: 135px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
}

.store-badge {
  display: block;
  line-height: 0;
}

.store-badge img {
  display: block;
  width: var(--store-badge-width);
  height: auto;
}
