Update app.py

app.py

@@ -140,39 +140,28 @@ input[type="range"]::-moz-range-thumb:hover {
 }
 .audio-controls button {
     margin: 0 10px;
-    padding: 10px;
+    padding: 15px;
     border-radius: 50%;
-    width: 40px;
-    height: 40px;
+    width: 50px;
+    height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background 0.3s, transform 0.2s;
+    font-size: 20px;
 }
 .audio-controls button:hover {
     background: linear-gradient(135deg, #feb47b, #ff7e5f);
     transform: scale(1.1);
 }
-.audio-controls i {
-    font-size: 18px;
+.audio-controls .play-icon {
+    font-size: 24px;
 }
-.audio-controls .volume-icon {
-    position: relative;
-}
-.audio-controls .volume-icon::after {
-    content: '';
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: 10px;
-    height: 10px;
-    background: linear-gradient(135deg, #ff7e5f, #feb47b);
-    border-radius: 50%;
-    transition: opacity 0.3s;
+.audio-controls .pause-icon {
+    font-size: 24px;
 }
-.audio-controls .volume-icon:hover::after {
-    opacity: 0;
+.audio-controls .volume-icon {
+    font-size: 24px;
 }
 """