Remove appearance properties from button styles and add background color and text color to button for improved visibility

Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css

@@ -201,9 +201,6 @@
   user-select: none;
   margin: 0;
   padding: 0;
-  -webkit-appearance: none;
-  appearance: none;
-  border: none;
 }
 
 .arrow i {
@@ -241,9 +238,6 @@
   opacity: 0.3;
   transition: opacity 0.3s ease;
   text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
-  -webkit-appearance: none;
-  appearance: none;
-  border: none;
 }
 
 .pause-button i {
@@ -280,9 +274,6 @@
   opacity: 0.3;
   transition: opacity 0.3s ease;
   text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
-  -webkit-appearance: none;
-  appearance: none;
-  border: none;
 }
 
 .mute-button i {
@@ -510,6 +501,8 @@
   font-family: "Archivo Narrow", sans-serif;
   font-size: 18px;
   white-space: nowrap;
+  background-color: rgba(255, 255, 255, 0.9);
+  color: #000;
   cursor: pointer;
   transition: all 0.3s ease;
   font-weight: 700;