diff --git a/src/css/style.css b/src/css/style.css
index d03f673..7ac93bc 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -186,16 +186,19 @@ article li {
     cursor: pointer;
     transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
 }
-.like-icon:hover, .like-icon:active {
-    color: #fff;
-    transform: scale(1.15);
-}
 .like-icon.liked {
     cursor: pointer;
     color: #e2264d;
 }
-.like-icon.liked:hover, .like-icon.liked:active {
-    transform: scale(1.15);
+/* Apply hover effects only on devices that can hover to avoid sticky hover on mobile */
+@media (hover: hover) {
+    .like-icon:hover {
+        color: #fff;
+        transform: scale(1.15);
+    }
+    .like-icon.liked:hover {
+        transform: scale(1.15);
+    }
 }
 .hint-animation {
     animation: wobble 1s ease-in-out 2;
@@ -207,21 +210,4 @@ article li {
     45% { transform: translateX(-1px) rotate(-5deg) scale(1.3); }
     60% { transform: translateX(1px) rotate(3deg) scale(1.2); }
     75% { transform: translateX(0) rotate(-1deg) scale(1.1); }
-}
-@media (hover: hover) {
-    .like-icon {
-        cursor: pointer;
-        transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
-    }
-    .like-icon:hover {
-        color: #fff;
-        transform: scale(1.15);
-    }
-    .like-icon.liked {
-        cursor: pointer;
-        color: #e2264d;
-    }
-    .like-icon.liked:hover {
-        transform: scale(1.15);
-    }
 }
\ No newline at end of file