diff --git a/static-src/styles/forms.scss b/static-src/styles/forms.scss
index eb766cd..fb5842e 100644
--- a/static-src/styles/forms.scss
+++ b/static-src/styles/forms.scss
@@ -103,7 +103,7 @@ a.button {
     border-radius: 4px;
     cursor: pointer;
 
-    &:hover {
+    &:hover, &:active, &:focus {
         background-color: var(--button-background-color-hover);
         border-color: var(--button-border-color-hover);
         color: var(--button-text-color-hover);
diff --git a/static-src/styles/typography.scss b/static-src/styles/typography.scss
index adc6765..2c1e527 100644
--- a/static-src/styles/typography.scss
+++ b/static-src/styles/typography.scss
@@ -84,8 +84,9 @@ h4 {
 }
 a {
     color: var(--link-color);
+    transition: 0.2s ease-out;
 
-    &:hover {
+    &:hover, &:active, &:focus {
         color: var(--link-color-hover);
     }
 }
@@ -143,4 +144,4 @@ a.button.button--donate.button--kofi:hover {
 ul {
     padding-left: 1em;
     list-style: '- ';
-}
\ No newline at end of file
+}