Add button styling

myproject/myapp/templates/payment_cancelled.html

 {% extends "_base.html" %}{% block content %}
-<h1>Payment Cancelled</h1>
-<p>Your payment has been cancelled.</p>
-<button><a href="{% url 'pricing' %}">Return</a></button>
-{% endblock content%}
+<div class="grid grid-cols-1 gap-16 items-center py-8 px-4 mx-auto w-70 lg:grid">
+    <div class="font-light text-gray-500 sm:text-lg dark:text-gray-400">
+        <h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">Payment Cancelled</h2>
+        <p class="mb-4">Your payment has been cancelled.</p>
+    </div>
+</div>
+
+<button class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-200 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-900 font-medium rounded-lg text-sm px-5 py-2.5 inline-flex justify-center text-center"><a href="{% url 'pricing' %}">Return</a></button>
+{% endblock content%}
\ No newline at end of file

myproject/myapp/templates/payment_success.html

 {% extends "_base.html" %}{% block content %}
-<h1>Success!</h1>
-<p>Your payment was successful and you have been credited with 1 token.</p>
-<button><a href="{% url 'users' %}">Return</a></button>
+<div class="grid grid-cols-1 gap-16 items-center py-8 px-4 mx-auto w-70 lg:grid">
+    <div class="font-light text-gray-500 sm:text-lg dark:text-gray-400">
+        <h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">Success!</h2>
+        <p class="mb-4">Your payment was successful and you have been credited with 1 token.</p>
+    </div>
+</div>
+
+<button class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-200 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-900 font-medium rounded-lg text-sm px-5 py-2.5 inline-flex justify-center text-center"><a href="{% url 'users' %}">Return</a></button>
 {% endblock content%}