diff --git a/index.html b/index.html
index a344dbf..5b05c57 100644
--- a/index.html
+++ b/index.html
@@ -99,8 +99,9 @@
                                 <!-- Sponsor buttons -->
                                 <div class="sellout">
                                     <iframe src="https://github.com/sponsors/Ellpeck/button" title="Sponsor Ellpeck" height="32" width="116" style="border: 0; margin-right: 10px;"></iframe>
-                                    <a href="https://www.patreon.com/bePatron?u=2494595" data-patreon-widget-type="become-patron-button"></a>
-                                    <script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>
+                                    <a href="https://www.patreon.com/bePatron?u=2494595" class="patreon-button">
+                                        <img src="./res/becomePatron.png" height="34" alt="Become a patron">
+                                    </a>
                                 </div>
                             </div>
                         </div>
diff --git a/res/becomePatron.png b/res/becomePatron.png
new file mode 100644
index 0000000..e3a4b8f
Binary files /dev/null and b/res/becomePatron.png differ
diff --git a/style/style.css b/style/style.css
index 129ed0b..fa90459 100644
--- a/style/style.css
+++ b/style/style.css
@@ -204,8 +204,10 @@ blockquote {
 .sellout {
     display: flex;
     align-items: center;
-    max-height: 35px;
-    overflow: hidden;
+}
+
+.patreon-button :hover {
+    filter: saturate(130%);
 }
 
 @media (min-width: 1200px) {