UI bugs

src/less/components/buttons.less

@@ -21,9 +21,7 @@
     }
 
     // Hide toggle icons by default
-    .icon--exit-fullscreen,
-    .icon--muted,
-    .icon--captions-on {
+    .icon--pressed {
         display: none;
     }
 
@@ -33,6 +31,14 @@
     }
 }
 
+// Change icons on state change
+.plyr__control[aria-pressed='true'] .icon--pressed {
+    display: block;
+}
+.plyr__control[aria-pressed='true'] .icon--not-pressed {
+    display: none;
+}
+
 // Audio styles
 .plyr--audio .plyr__control {
     &.plyr__tab-focus,

src/less/components/controls.less

@@ -102,16 +102,6 @@
     display: inline-block;
 }
 
-// Change icons on state change
-.plyr--muted .plyr__control .icon--muted,
-.plyr--captions-active .plyr__control .icon--captions-on {
-    display: block;
-
-    & + svg {
-        display: none;
-    }
-}
-
 // Some options are hidden by default
 .plyr [data-plyr='captions'],
     .plyr [data-plyr='pip'],