.

src/components/controls/ControlButton.css

@@ -1,3 +1,8 @@
+/* ============================================
+   CONTROL BUTTON
+   Clean & Modern Design
+   ============================================ */
+
 .control-button {
   background: none;
   border: none;
@@ -10,6 +15,7 @@
   border-radius: var(--player-radius-sm);
   transition: all var(--player-transition-fast) ease;
   position: relative;
+  outline: none;
 }
 
 .control-button:hover {
@@ -27,7 +33,7 @@
 }
 
 .control-button:disabled {
-  opacity: 0.5;
+  opacity: 0.4;
   cursor: not-allowed;
 }
 
@@ -36,7 +42,6 @@
   transform: none;
 }
 
-/* Icon sizing */
 .control-button svg {
   width: var(--player-icon-md);
   height: var(--player-icon-md);