diff --git a/index.html b/index.html
index 53b2a85..da63e13 100644
--- a/index.html
+++ b/index.html
@@ -205,7 +205,7 @@
                     </svg>
                     <span>Play</span>
                 </button>
-                <button id="download-playlist-btn" class="btn-secondary">
+                <button id="download-playlist-btn" class="btn-primary">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                         <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                         <polyline points="7 10 12 15 17 10"></polyline>
diff --git a/styles.css b/styles.css
index 06ed8e8..18ed0bd 100644
--- a/styles.css
+++ b/styles.css
@@ -2909,16 +2909,6 @@ input:checked + .slider::before {
     box-shadow: var(--shadow-sm);
 }
 
-#play-playlist-btn {
-    background-color: var(--primary);
-    color: var(--primary-foreground);
-}
-
-#download-playlist-btn {
-    background-color: var(--secondary);
-    color: var(--foreground);
-}
-
 #play-playlist-btn:hover,
 #download-playlist-btn:hover {
     transform: scale(1.05);