From 10dba679c08d61dd8c887117add904bef5f00ade Mon Sep 17 00:00:00 2001
From: primakov <primakovpro@gmail.com>
Date: Sun, 27 Nov 2022 17:49:18 +0300
Subject: [PATCH] keys active effect

---
 src/components/keyboard.style.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/keyboard.style.ts b/src/components/keyboard.style.ts
index df96a5c..0e8e147 100644
--- a/src/components/keyboard.style.ts
+++ b/src/components/keyboard.style.ts
@@ -31,4 +31,10 @@ export const Key = styled.button`
     background-color: #fff;
     border: none;
     box-shadow: 1px 2px 6px #5c7cc9;
+
+    &:active {
+        background: #f5f5f5;
+        box-shadow: inset 1px 2px 6px #5c7cc9,
+            0px 6px 16px #5c7cc9;
+    }
 `;
\ No newline at end of file