From ebb35deaf982348ccea49e3830af77521fbed207 Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Fri, 26 Apr 2024 14:24:35 +0330
Subject: [PATCH] style: add hover state to button

---
 src/components/sounds/sounds.module.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/sounds/sounds.module.css b/src/components/sounds/sounds.module.css
index c40802f..b60fdfe 100644
--- a/src/components/sounds/sounds.module.css
+++ b/src/components/sounds/sounds.module.css
@@ -20,6 +20,12 @@
   background-color: var(--color-neutral-50);
   border: 1px solid var(--color-neutral-200);
   border-radius: 50px;
+  transition: 0.2s;
+
+  &:hover,
+  &:focus-visible {
+    background-color: var(--color-neutral-100);
+  }
 
   &:focus-visible {
     outline: 2px solid var(--color-neutral-400);