Update templates/cart.html

templates/cart.html

@@ -46,7 +46,6 @@
 
 
 
-
 .cart-item-actions {
     display: flex;
     flex-direction: column; /* Stack the icon and price vertically */
@@ -66,11 +65,18 @@
     left: 50px; /* Move the button 30px to the right */
 }
 
+/* Hover effect */
 .remove-btn:hover {
     color: black; /* Change the icon color to black on hover */
     background-color: transparent; /* Keep background transparent on hover */
 }
 
+/* Prevent background color on focus or click */
+.remove-btn:focus {
+    outline: none; /* Remove the outline */
+    background-color: transparent; /* Keep background transparent after clicking */
+}
+
 .text-primary {
     color: #000 !important; /* Ensure the price is black */
     text-align: center; /* Center-align the price */
@@ -80,6 +86,7 @@
 
 
 
+
         .image-wrapper {
             width: 80px;                    /* Width of the image container */
             height: 140px !important;                   /* Height of the image container */