Merge pull request #268 from LNischala/main

Improved hover effect of add to cart button
swaraj-das · Oct 11, 2024 · a77ce68 · a77ce68
2 parents 988e1e3 + b795ce5
commit a77ce68
Showing 1 changed file with 22 additions and 4 deletions.
diff --git a/style.css b/style.css
@@ -356,26 +356,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;