saving works

backend/core/templates/payment.html

@@ -1,23 +1,19 @@
 {% extends 'base.html' %}
 
 {% block content %}
-<div class="confirmed">
-    <div class="confirmation-card">
-        <h2 class="title-org">Payment</h2>
-        <p class="info-p">
-            Click the button below to pay and access your document.
-        </p>
-        <form method="post">
-            {% csrf_token %}
-            <button class="btn-primary-orn" type="submit">Pay</button>
-        </form>
-    </div>
-</div>
-
-<script>
-    nav = document.querySelector('nav');
-    confirmed = document.querySelector('.confirmed');
-    confirmed.style.height = `calc(100vh - ${nav.offsetHeight}px)`;
-</script>
+<section class="py-16 bg-secondary sm:py-24 p-body-full">
+  <div class="max-w-lg w-full mx-auto text-center shadow-lg border border-success rounded-xl p-8 bg-white">
+    <h2 class="text-3xl font-extrabold mb-4 text-success">Payment</h2>
+    <p class="mb-8 text-gray-700 text-lg">
+      Click the button below to securely pay and access your document.
+    </p>
+    <form method="post">
+      {% csrf_token %}
+      <button type="submit" class="nav-link-desktop bg-transparent border-2 border-accent text-accent hover:bg-accent hover:text-primary font-semibold py-3 px-8 rounded-lg text-lg transition-all duration-300 ease-in-out">
+        Pay & Check Your document
+      </button>
+    </form>
+  </div>
+</section>
 
 {% endblock %}