Update templates/cart.html

templates/cart.html

@@ -75,12 +75,22 @@
             color: #fff;
             padding: 5px 20px;
             font-size: 1rem;
+            font-weight: bold;
             cursor: pointer;
             border-radius: 5px;
+            border: none; 
+            transition: background-color 0.3s ease, transform 0.2s ease;
         }
         .apply-button:disabled {
             background-color: #6c757d;
+            cursor: not-allowed;
+        }
+
+        .apply-button:hover {
+            background-color: #218838; /* Darker green on hover */
+            transform: scale(1.05); /* Slightly enlarge the button when hovered */
         }
+
         .checkout-button {
             background-color: #007bff;
             color: #fff;
@@ -131,7 +141,7 @@
                   <option value="{{ coupon.Coupon_Code__c }}">{{ coupon.Coupon_Code__c }}</option>
                   {% endfor %}
               </select>
-              <button type="button" onclick="applyCoupon()">Apply Coupon</button>
+              <button type="button" class="apply-button" onclick="applyCoupon()">Apply Coupon</button>
               <p id="coupon-message" class="coupon-message"></p>
           </div>