diff --git a/src/components/common/Audio.scss b/src/components/common/Audio.scss
index 37297468c..8274d8e62 100644
--- a/src/components/common/Audio.scss
+++ b/src/components/common/Audio.scss
@@ -123,6 +123,11 @@
       --color-primary-shade-darker: var(--color-green-darker);
       --color-white: var(--color-background-own);
 
+      &:hover, &:active, &:focus {
+        opacity: 0.8;
+        background-color: var(--color-primary) !important;
+      }
+
       .theme-dark & {
         --color-primary-shade: #fff;
         --color-primary-shade-darker: #fff;