diff --git a/static-src/styles.css b/static-src/styles.css
index 637c6ec..b7948ac 100644
--- a/static-src/styles.css
+++ b/static-src/styles.css
@@ -592,6 +592,17 @@ a.button--donate svg {
height: 24px;
fill: var(--text-color);
}
+a.button--donate.button--opencollective {
+ color: #fff;
+ background-color: #0c2d66;
+}
+a.button--donate.button--opencollective svg {
+ fill: #fff;
+}
+a.button--donate.button--opencollective:hover {
+ color: #fff;
+ background-color: #144aa9;
+}
a.button--donate.button--liberapay {
color: #333;
background-color: #ffee16;
diff --git a/views/index.pug b/views/index.pug
index 982b6dc..0d7ae95 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -90,9 +90,6 @@ block content
p
| We rely on your support to keep working on Big Tech-independent secure online identity.
p
- a.button.button--donate.button--liberapay(href='https://liberapay.com/Keyoxide/')
-
- | Donate via Liberapay
- a.button.button--donate.button--kofi(href='https://ko-fi.com/keyoxide/')
-
- | Donate via Ko-fi
\ No newline at end of file
+ a.button.button--donate.button--opencollective(href='https://opencollective.com/keyoxide')
+
+ | Donate via OpenCollective
\ No newline at end of file