fix: button hover state persisting on mobile screen. closes: saadeghi#3817

Author: Suliman Benhalim

packages/daisyui/src/components/button.css

@@ -187,6 +187,24 @@
     --btn-border: var(--btn-color);
     --btn-noise: none;
   }
+  
+  @media (hover: none) {
+    &:hover:not(
+        .btn-active,
+        :active,
+        :focus-visible,
+        :disabled,
+        [disabled],
+        .btn-disabled,
+        :checked
+      ) {
+      --btn-shadow: "";
+      --btn-bg: #0000;
+      --btn-fg: var(--btn-color);
+      --btn-border: var(--btn-color);
+      --btn-noise: none;
+    }
+  }
 }
 
 .btn-dash {
@@ -207,6 +225,25 @@
     --btn-border: var(--btn-color);
     --btn-noise: none;
   }
+  
+  @media (hover: none) {
+    &:hover:not(
+        .btn-active,
+        :active,
+        :focus-visible,
+        :disabled,
+        [disabled],
+        .btn-disabled,
+        :checked
+      ) {
+      --btn-shadow: "";
+      border-style: dashed;
+      --btn-bg: #0000;
+      --btn-fg: var(--btn-color);
+      --btn-border: var(--btn-color);
+      --btn-noise: none;
+    }
+  }
 }
 
 .btn-soft {
@@ -225,6 +262,24 @@
     );
     --btn-noise: none;
   }
+  
+  @media (hover: none) {
+    &:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) {
+      --btn-shadow: "";
+      --btn-fg: var(--btn-color, var(--color-base-content));
+      --btn-bg: color-mix(
+        in oklab,
+        var(--btn-color, var(--color-base-content)) 8%,
+        var(--color-base-100)
+      );
+      --btn-border: color-mix(
+        in oklab,
+        var(--btn-color, var(--color-base-content)) 10%,
+        var(--color-base-100)
+      );
+      --btn-noise: none;
+    }
+  }
 }
 
 .btn-xs {