diff --git a/src/assets/scss/5-modules/player-big.scss b/src/assets/scss/5-modules/player-big.scss
index 6f9d061..e46f4e5 100644
--- a/src/assets/scss/5-modules/player-big.scss
+++ b/src/assets/scss/5-modules/player-big.scss
@@ -46,6 +46,7 @@
   transition: .15s opacity;
 }
 
+.playerBig__reduce.active,
 .playerBig__reduce:hover,
 .playerBig__reduce:active,
 .playerBig__reduce:focus {
diff --git a/src/components/Viewer.svelte b/src/components/Viewer.svelte
index 3cd989e..11076a2 100644
--- a/src/components/Viewer.svelte
+++ b/src/components/Viewer.svelte
@@ -14,9 +14,9 @@
             bind:duration
             bind:seek={seek}
         ></YoutubePlayer>
-        {/if}
         <div class="playerBig__overlay" on:click={() => $paused = !$paused}></div>
-        <button class="playerBig__reduce">Reduce<IconReduce></IconReduce></button>
+        <button class="playerBig__reduce" class:active={ready && $paused}>Reduce<IconReduce></IconReduce></button>
+        {/if}
     </div>
 
     <Progress