@layer components {
  /* Both stores ask for their artwork unchanged, the Google Play badge no
     smaller than the others, at least 2.5rem for Apple's, and a quarter of
     the badge height clear on every side. */
  .store-badges {
    --store-badge-height: 2.5rem;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--store-badge-height) / 4);
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .store-badge {
    display: block;
    border-radius: .4rem;
  }

  .store-badge:focus-visible {
    outline: .18rem solid var(--color-orange);
    outline-offset: .18rem;
  }

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

  @media (forced-colors: active) {
    .store-badge:focus-visible {
      outline-color: Highlight;
    }
  }
}
