diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 80a8518..acb76fe 100755
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -61,10 +61,9 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .button, input[type="submit"] {
+  @include var(color, text-color);
   padding: 0.5rem;
-  background-color: $primary-color;
-  border: none;
-  color: white;
+  border: 1px solid $primary-color;
   transition: color 0.25s, background-color 0.25s;
   text-align: left;
 
@@ -73,8 +72,8 @@ h1, h2, h3, h4, h5, h6 {
   }
 
   &:hover, &:focus {
-    background-color: white;
-    color: $primary-color;
+    background-color: rgba($primary-color, 0.2);
+    @include var(color, text-color);
   }
 }