diff --git a/src/public/css/style.css b/src/public/css/style.css
index 0562300..074d8a3 100644
--- a/src/public/css/style.css
+++ b/src/public/css/style.css
@@ -270,8 +270,11 @@ body {
 .btn-primary:hover { filter: brightness(1.1); }
 .btn-primary:disabled { filter: none; }
 
-.btn-download { color: var(--success); border-color: var(--success); font-size: 16px; }
+.btn-download { border-color: var(--success); display: flex; align-items: center; justify-content: center; gap: 4px; }
 .btn-download:not(:disabled):hover { background: rgba(48, 209, 88, 0.12); }
+.dl-arrow { color: var(--success); font-size: 22px; font-weight: 900; line-height: 1; }
+.dl-label { color: var(--text-dim); font-size: 13px; }
+.dl-icon  { color: var(--accent); font-size: 15px; }
 
 /* ── Feedback ── */
 .feedback-box {
diff --git a/src/public/index.html b/src/public/index.html
index f6a17e6..a2aca5f 100644
--- a/src/public/index.html
+++ b/src/public/index.html
@@ -62,7 +62,7 @@
     <div class="actions">
       <button class="btn" id="skip-btn">Überspringen</button>
       <button class="btn" id="clear-btn">Löschen</button>
-      <button class="btn btn-download" id="download-btn" disabled>&#11015; Audio</button>
+      <button class="btn btn-download" id="download-btn" disabled><span class="dl-arrow">&#11015;</span><span class="dl-label">Audio</span><span class="dl-icon">♪</span></button>
       <button class="btn btn-primary" id="check-btn" disabled>Überprüfen</button>
     </div>