Improved hover effect of add to cart button

swaraj-das · Oct 10, 2024 · b795ce5 · b795ce5
1 parent 07f9176
commit b795ce5
Showing 1 changed file with 22 additions and 4 deletions.
diff --git a/style.css b/style.css
@@ -351,26 +351,44 @@ button {
     padding: 12px 14px;
 }
 
-button img {
-    width: 30px;
+/* button img {
+    width: 18px;
     display: none;
 }
 
 button:hover img {
     display: block;
+} */
+
+#buy-btn img{
+    width: 30px;
+    display: none;
+}
+
+#buy-btn:hover img{
+    display: block;
+}
+
+#cart-btn img{
+    width: 18px;
+    display: none;
+}
+
+#cart-btn:hover img{
+    display: block;
 }
 
 #cart-btn:hover
 {
-    width: 160px;
+    width: 140px;
     display: flex;
     align-items: center;
     justify-content: space-between;
 
 }
 #buy-btn:hover
 {
-    width: 160px;
+    width: 140px;
     display: flex;
     align-items: center;
     justify-content: space-between;