fix: button animation

src/styled/components/button.css

@@ -7,9 +7,9 @@
   &:active:focus{
     animation: none;
   }
-  &:active:hover:not(.no-animation),
-  &:active:focus:not(.no-animation){
-    transform: scale(0.95);
+  &:active:hover,
+  &:active:focus{
+    transform: scale( var(--btn-focus-scale, 0.95) );
   }
 
   /* default btn */
@@ -218,7 +218,7 @@
 
 @keyframes button-pop {
   0% {
-    transform: scale(0.95);
+    transform: scale( var(--btn-focus-scale, 0.95) );
   }
   40% {
     transform: scale(1.02);

src/themes/black.css

@@ -31,6 +31,7 @@
 
   --animation-btn: 0;
   --animation-input: 0;
-
+
+  --btn-focus-scale: 1;
   --btn-text-case: lowercase;
 }

src/themes/light.css

@@ -35,6 +35,8 @@
   --padding-card: 2rem;
 
   --btn-text-case: uppercase;
+  --btn-focus-scale: 0.95;
+
   --navbar-padding: .5rem;
   --border-btn: 1px;
 

src/utilities/variables.css

@@ -1,4 +1,5 @@
 .no-animation {
+  --btn-focus-scale: 1;
   --animation-btn: 0;
   --animation-input: 0;
 }