From d168f7a447cd5b8b4aab8744fc178bb019024614 Mon Sep 17 00:00:00 2001
From: robo-mop <realaryanpingle@gmail.com>
Date: Wed, 12 Apr 2023 13:52:07 +0530
Subject: [PATCH] Add focus animation to back button

---
 src/client/lazy-app/Compress/style.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/client/lazy-app/Compress/style.css b/src/client/lazy-app/Compress/style.css
index e8d418e5..fa407615 100644
--- a/src/client/lazy-app/Compress/style.css
+++ b/src/client/lazy-app/Compress/style.css
@@ -113,6 +113,13 @@
 
   & > svg {
     width: 47px;
+    overflow: visible;
+  }
+
+  &:focus .back-blob {
+    stroke: var(--deep-blue);
+    stroke-width: 5px;
+    animation: strokePulse 500ms ease forwards;
   }
 
   @media (min-width: 600px) {
@@ -124,6 +131,15 @@
   }
 }
 
+@keyframes strokePulse {
+  from {
+    stroke-width: 8px;
+  }
+  to {
+    stroke-width: 5px;
+  }
+}
+
 .back-blob {
   fill: var(--hot-pink);
   opacity: 0.77;