.tally-store-badges {
  --store-badge-width: 214px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
}

.tally-store-badges .play-store-link,
.tally-app-store-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--store-badge-width);
  max-width: 100%;
  aspect-ratio: 646 / 250;
  margin-top: 0 !important;
  transition: transform .2s, filter .2s;
}

.tally-store-badges .play-store-link img,
.tally-app-store-link img {
  display: block;
  width: 100% !important;
  height: auto;
}

.tally-app-store-link:hover {
  filter: brightness(1.05);
  transform: translateY(-2px);
}

.tally-store-badges a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 6px;
  border-radius: 8px;
}

@media (max-width: 640px) {
  .tally-store-badges {
    --store-badge-width: 168px;
    gap: 8px;
  }
}