update

Author: Dhruva Shaw

_includes/footer.liquid

@@ -1,14 +1,42 @@
 {% if site.footer_fixed %}
   <footer class="fixed-bottom" role="contentinfo">
     <div class="container mt-0">
-      <div id="paypal-container-KQD5A49V45C38"></div>
-      <script>
-        paypal
-          .HostedButtons({
-            hostedButtonId: 'KQD5A49V45C38',
-          })
-          .render('#paypal-container-KQD5A49V45C38');
-      </script>
+      <div>
+        <style>
+          .pp-KQD5A49V45C38 {
+            text-align: center;
+            border: none;
+            border-radius: 0.25rem;
+            min-width: 11.625rem;
+            padding: 0 2rem;
+            height: 2.625rem;
+            font-weight: bold;
+            background-color: #ffd140;
+            color: #000000;
+            font-family: 'Helvetica Neue', Arial, sans-serif;
+            font-size: 1rem;
+            line-height: 1.25rem;
+            cursor: pointer;
+          }
+        </style>
+        <form
+          action="https://www.paypal.com/ncp/payment/KQD5A49V45C38"
+          method="post"
+          target="_blank"
+          style="display:inline-grid;justify-items:center;align-content:start;gap:0.5rem;"
+        >
+          <input class="pp-KQD5A49V45C38" type="submit" value="Donate Now">
+          <img src="https://www.paypalobjects.com/images/Debit_Credit_APM.svg" alt="cards">
+          <section style="font-size: 0.75rem;">
+            Powered by
+            <img
+              src="https://www.paypalobjects.com/paypal-ui/logos/svg/paypal-wordmark-color.svg"
+              alt="paypal"
+              style="height:0.875rem;vertical-align:middle;"
+            >
+          </section>
+        </form>
+      </div>
     </div>
     <div class="container mt-0">
       &copy; Copyright {{ site.time | date: '%Y' }}
@@ -29,14 +57,42 @@
       {% include newsletter.liquid %}
     {% endif %}
     <div class="container">
-      <div id="paypal-container-KQD5A49V45C38"></div>
-      <script>
-        paypal
-          .HostedButtons({
-            hostedButtonId: 'KQD5A49V45C38',
-          })
-          .render('#paypal-container-KQD5A49V45C38');
-      </script>
+      <div>
+        <style>
+          .pp-KQD5A49V45C38 {
+            text-align: center;
+            border: none;
+            border-radius: 0.25rem;
+            min-width: 11.625rem;
+            padding: 0 2rem;
+            height: 2.625rem;
+            font-weight: bold;
+            background-color: #ffd140;
+            color: #000000;
+            font-family: 'Helvetica Neue', Arial, sans-serif;
+            font-size: 1rem;
+            line-height: 1.25rem;
+            cursor: pointer;
+          }
+        </style>
+        <form
+          action="https://www.paypal.com/ncp/payment/KQD5A49V45C38"
+          method="post"
+          target="_blank"
+          style="display:inline-grid;justify-items:center;align-content:start;gap:0.5rem;"
+        >
+          <input class="pp-KQD5A49V45C38" type="submit" value="Donate Now">
+          <img src="https://www.paypalobjects.com/images/Debit_Credit_APM.svg" alt="cards">
+          <section style="font-size: 0.75rem;">
+            Powered by
+            <img
+              src="https://www.paypalobjects.com/paypal-ui/logos/svg/paypal-wordmark-color.svg"
+              alt="paypal"
+              style="height:0.875rem;vertical-align:middle;"
+            >
+          </section>
+        </form>
+      </div>
     </div>
     <div class="container">
       <a href="/policies/tandc/">Terms and Conditions</a> | <a href="/policies/privacy/">Privacy Policy</a> |

_layouts/default.liquid

@@ -13,9 +13,6 @@
       <meta http-equiv="refresh" content="3; url={{ redirect }}">
     {% endif %}
     {% include head.liquid %}
-    <script
-      src="https://www.paypal.com/sdk/js?client-id=BAAB9LFf_xjBic-O6NBfv15xjkAZDLMUQ-Xuo8_1XqlJqXkXd6w4ClOiVPXSvTIBk3tVmTF81bGP0-TMw4&components=hosted-buttons&disable-funding=venmo&currency=USD"
-    ></script>
   </head>
 
   <!-- Body -->