diff --git a/src/scss/components/_buttons.scss b/src/scss/components/_buttons.scss
index 06c1d4a..e1f5e43 100644
--- a/src/scss/components/_buttons.scss
+++ b/src/scss/components/_buttons.scss
@@ -30,7 +30,7 @@ $button_small: $lineheight_quarter;
 }
 
 @mixin button-hover() {
-  transition: background 0.3s, border .3s, box-shadow .3s, color .3s;
+  transition: background .2s, border .2s, box-shadow .2s, color .2s;
   &:hover, &:active, &:focus, a:hover > &, a:active > &, a:focus > & {
       text-decoration:none;
       background-color:transparent;
@@ -46,7 +46,7 @@ $button_small: $lineheight_quarter;
   }
 
   &:before {
-    transition: background-color 0.3s;
+    transition: background-color .2s;
   }
 }