/* Shared image badge: the SVG supplies the design, not an HTML button. */
.page-discovery .role-hero-grid > div:first-child { min-width: 0; }
a.hf-download-badge { display: inline-block; width: 360px; max-width: 100%; flex: 0 1 auto; border-radius: 20px; line-height: 0; vertical-align: middle; text-decoration: none; }
a.hf-download-badge img { display: block; width: 100%; height: auto; margin: 0; border: 0; }
a.hf-download-badge:hover { filter: brightness(.97); }
a.hf-download-badge:focus-visible { outline: 3px solid #bd7915; outline-offset: 5px; }
.role-landing-hero a.hf-download-badge:focus-visible { outline-color: #fff; }
.hf-app-promo a.hf-download-badge { width: 320px; }
.site-footer .footer-app-download { margin-top: 28px; padding-bottom: 24px; text-align: right; }
.site-footer .footer-app-download a.hf-download-badge { width: 200px; padding: 0; border-bottom: 0; }
@media (max-width: 700px) { .site-footer .footer-app-download { text-align: center; } }