Update templates/cart.html

templates/cart.html

@@ -45,6 +45,8 @@
 }set corner radius 10px, background color stroke
 
 
+
+
 .cart-item-actions {
     display: flex;
     flex-direction: column; /* Stack the icon and price vertically */
@@ -58,18 +60,17 @@
     cursor: pointer; /* Change cursor to pointer */
     font-size: 1.5rem; /* Adjust the size of the trash icon */
     margin-bottom: 10px; /* Add space below the delete icon */
-    transition: all 0.3s ease; /* Smooth transition for hover effect */
-    position: relative; /* Make it relative for top movement */
+    transition: color 0.3s ease; /* Smooth transition for icon color */
+    position: relative; /* Make it relative for movement */
     top: -40px; /* Move the button 10px upwards */
-    left: 30px; /* Move the button 30px to the right */
+    left: 50px; /* Move the button 30px to the right */
 }
+
 .remove-btn:hover {
     color: black; /* Change the icon color to black on hover */
-    background-color: none; /* Ensure no background color on hover */
-    border-radius: 5px; /* Optional: Add rounded corners to the button on hover */
+    background-color: transparent; /* Keep background transparent on hover */
 }
 
-
 .text-primary {
     color: #000 !important; /* Ensure the price is black */
     text-align: center; /* Center-align the price */
@@ -78,6 +79,7 @@
 
 
 
+
         .image-wrapper {
             width: 80px;                    /* Width of the image container */
             height: 140px !important;                   /* Height of the image container */