/*
 * The Google Play badge at the top of the site footer (includes/promo-ui.php).
 *
 * Google's artwork, unchanged, per STYLING.md › Store badges: the height only,
 * so the proportions are the file's, and no margin of ours, since the PNG
 * carries its own. 48px here; the `app` page's badge is 64px and is its own
 * class.
 */

.pp-app-footer-badge {
  display: inline-block;
  line-height: 0;
  border-radius: 8px;
}

.pp-app-footer-badge img {
  display: block;
  width: auto;
  height: 48px;
}

.pp-app-footer-badge:focus-visible {
  outline: 2px solid var(--pp-focus-ring);
  outline-offset: 2px;
}

/* Nothing is promoted inside the app. The html class is the one that is right
   on a page-cached page. */
html.pp-in-app .pp-app-footer-badge {
  display: none;
}