Update templates/cart.html

templates/cart.html

@@ -297,18 +297,21 @@
 /* Styling for the + symbol button (with green border, white background, and black text) */
 .add-back-button {
     position: absolute;
-    top: -10px; /* Position the + symbol slightly outside of the card */
-    right: -10px; /* Position at the top-right, slightly outside */
-    font-size: 1.5rem; /* Increase size of the + symbol */
-    padding: 6px 10px; /* Button padding */
-    background-color: #fff; /* White background */
-    color: #0FAA39; /* Black color for the + symbol */
-    border: 2px solid #0FAA39; /* Green border */
-    border-radius: 50%; /* Circular button */
+    top: -10px;
+    right: -10px;
+    font-size: 1rem; /* Smaller font size */
+    padding: 0; /* Remove padding */
+    width: 30px; /* Set fixed width */
+    height: 30px; /* Set fixed height */
+    background-color: #fff;
+    color: #0FAA39;
+    border: 2px solid #0FAA39;
+    border-radius: 0; /* Square shape */
     cursor: pointer;
     transition: background-color 0.3s, color 0.3s, border-color 0.3s;
-    z-index: 1; /* Ensure the button is above content */
+    z-index: 1;
 }
+
 .add-back-button:hover {
     background-color: #fff; /* Green background on hover */
     color: #0FAA39; /* White color for the + symbol when hovered */