Update app.py

app.py

@@ -263,17 +263,16 @@ def _render_leaderboard() -> str:
                         white-space:pre-wrap;">{full}</div>
           </details>""" if has_more else f'<div style="font-size:.78rem;color:#555;line-height:1.45;margin-bottom:4px;">{preview}</div>'
         
-        # NEU: Der Badge Export Button für die Top 3
+        # NEU: Extrem dezenter Badge Export Button für die Top 3
         btn_html = ""
         if rank < 3:
-            # Strings sauber escapen, damit sie das JavaScript nicht kaputt machen
             verdict_esc = e.get('verdict', '').replace("'", "\\'").replace('"', '&quot;').replace('\n', ' ')
             btn_html = f"""
             <button onclick="exportBadgePNG('{side}', '{pct}', '{e['total']}/{e['max']}', '{verdict_esc}', '{medal}', '{e.get('date', '')}')"
-                    style="margin-top:12px; background:#0A66C2; color:#fff; border:none; border-radius:4px; padding:6px 14px; font-size:.75rem; font-weight:bold; cursor:pointer; display:inline-flex; align-items:center; gap:6px; box-shadow:0 2px 4px rgba(0,0,0,0.1); transition: background 0.2s;"
-                    onmouseover="this.style.background='#004182'"
-                    onmouseout="this.style.background='#0A66C2'">
-                📸 Badge als PNG exportieren
+                    style="margin-top:10px; background:transparent; color:#888; border:1px solid #E0DFDC; border-radius:99px; padding:2px 10px; font-size:.68rem; font-weight:600; cursor:pointer; transition: all 0.15s;"
+                    onmouseover="this.style.background='#EBF3FB'; this.style.color='#0A66C2'; this.style.borderColor='#70B5F9';"
+                    onmouseout="this.style.background='transparent'; this.style.color='#888'; this.style.borderColor='#E0DFDC';">
+                📸 PNG Export
             </button>
             """