diff --git a/static/src/scss/_shareon.scss b/static/src/scss/_shareon.scss
index 90c4054..83d0012 100644
--- a/static/src/scss/_shareon.scss
+++ b/static/src/scss/_shareon.scss
@@ -1,3 +1,11 @@
 .shareon-container {
   margin-top: 1rem;
+
+  .shareon {
+    & > a,
+    & > button {
+      transition-property: opacity;
+      transition-duration: $link-hover-duration;
+    }
+  }
 }
diff --git a/static/src/scss/_variables.scss b/static/src/scss/_variables.scss
index 0f1627e..19a8cbb 100644
--- a/static/src/scss/_variables.scss
+++ b/static/src/scss/_variables.scss
@@ -1,2 +1,3 @@
 $dark-mode-background: $dark;
 $dark-mode-text: $grey-lighter;
+$link-hover-duration: 0.25s;
diff --git a/static/src/scss/base.scss b/static/src/scss/base.scss
index 8069e6e..8c8cfc0 100644
--- a/static/src/scss/base.scss
+++ b/static/src/scss/base.scss
@@ -40,7 +40,7 @@ main {
 
 a {
   transition-property: color, background-color;
-  transition-duration: 0.25s !important;
+  transition-duration: $link-hover-duration !important;
 
   @include dark-mode {
     &:hover {