diff --git a/assets/images/f-droid.svg b/assets/images/f-droid.svg
new file mode 100644
index 0000000..2980217
--- /dev/null
+++ b/assets/images/f-droid.svg
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/css/card.css b/css/card.css
index a56e111..261e8fc 100644
--- a/css/card.css
+++ b/css/card.css
@@ -61,10 +61,28 @@
transform: scale(1.1) translateY(-5px);
}
+.card .buttons a:has(.fdroid-icon) {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.card .buttons .fdroid-icon {
+ width: 25px;
+ height: 25px;
+ filter: invert(80%) sepia(5%) saturate(100%) hue-rotate(314deg) brightness(95%) contrast(90%);
+ transition: filter 250ms ease-in-out;
+}
+
+.card .buttons a:hover .fdroid-icon {
+ filter: invert(100%) brightness(100%);
+}
+
.card .buttons {
margin: 0;
gap: 20px;
display: flex;
+ align-items: center;
}
.card .badges {
diff --git a/js/main.js b/js/main.js
index 9835206..652d634 100644
--- a/js/main.js
+++ b/js/main.js
@@ -49,7 +49,7 @@ function createCard(app) {
app.fdroid
? ``
+ )}" target="_blank">
`
: ""
}