/* "Coming soon" per store: dashed outlines, deliberately unlike the stores' badges. */

.app-stores {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 0;
  list-style: none;
}

.app-stores__item {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 180px;
  padding: 12px 18px;
  border: 1px dashed var(--track);
  border-radius: var(--radius-tile);
}

.app-stores__icon {
  width: 24px;
  height: 24px;
  color: var(--muted);
}

.app-stores__text {
  display: grid;
  text-align: left;
}

.app-stores__name {
  font: 600 16px/1.3 var(--text);
}

.app-stores__soon {
  font-size: 13px;
  color: var(--muted);
}
