From 50687c97ca483f4de3ee7633d333dfcb4def0c4d Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Sun, 26 Oct 2025 12:43:14 +0330
Subject: [PATCH] style: add animation on active

---
 src/components/buttons/play/play.module.css         | 4 ++++
 src/components/buttons/unselect/unselect.module.css | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/components/buttons/play/play.module.css b/src/components/buttons/play/play.module.css
index 612e2ca..ea64f37 100644
--- a/src/components/buttons/play/play.module.css
+++ b/src/components/buttons/play/play.module.css
@@ -18,6 +18,10 @@
     background-color: var(--color-neutral-800);
   }
 
+  &:not(.disabled):active {
+    transform: scale(0.97);
+  }
+
   &:disabled,
   &.disabled {
     cursor: not-allowed;
diff --git a/src/components/buttons/unselect/unselect.module.css b/src/components/buttons/unselect/unselect.module.css
index 64537a3..7115a4f 100644
--- a/src/components/buttons/unselect/unselect.module.css
+++ b/src/components/buttons/unselect/unselect.module.css
@@ -19,6 +19,10 @@
     cursor: not-allowed;
   }
 
+  &:active {
+    transform: scale(0.97);
+  }
+
   &:hover,
   &:focus-visible {
     background-color: var(--color-neutral-200);