diff --git a/sass/_footer.scss b/sass/_footer.scss
index 3ebf062..52581fc 100644
--- a/sass/_footer.scss
+++ b/sass/_footer.scss
@@ -99,4 +99,18 @@
 		margin: 1rem auto;
 		max-width: min(var(--container-width) + 10rem, 90%);
 	}
+
+	.link {
+		transition: var(--transition);
+		box-shadow: var(--edge-highlight);
+		border-radius: var(--rounded-corner-small);
+		background-color: var(--primary-color-alpha);
+		padding: 0.125rem 0.375rem;
+		text-decoration: none;
+
+		&:hover {
+			background-color: var(--primary-color);
+			color: var(--fg-color);
+		}
+	}
 }
diff --git a/templates/partials/footer.html b/templates/partials/footer.html
index 95ae847..8c678eb 100644
--- a/templates/partials/footer.html
+++ b/templates/partials/footer.html
@@ -50,7 +50,7 @@
 	{% if config.extra.footer.show_powered_by %}
 		<p>
 			<small>
-				{{ trans(key="footer_powered_by", lang=lang) }} <a href="https://www.getzola.org">Zola</a> {{ trans(key="footer_powered_by_and", lang=lang) }} <a href="https://daudix.codeberg.page/duckquill">Duckquill</a>
+				{{ trans(key="footer_powered_by", lang=lang) }} <a class="link" href="https://www.getzola.org">Zola</a> {{ trans(key="footer_powered_by_and", lang=lang) }} <a class="link" href="https://daudix.codeberg.page/duckquill">Duckquill</a>
 			</small>
 		</p>
 	{% endif %}