diff --git a/src/styles/components/_buttons.sass b/src/styles/components/_buttons.sass
index ff0e0163..c1485854 100644
--- a/src/styles/components/_buttons.sass
+++ b/src/styles/components/_buttons.sass
@@ -12,3 +12,10 @@
 
 	&:focus, &:active
 		box-shadow: none
+
+.btn-primary
+	background: linear-gradient(135deg, $primary-accent, $primary)
+
+.btn-primary:hover,
+.btn-outline-primary:hover
+	background: linear-gradient(135deg, lighten($primary-accent, 5%), $primary)