first commit

resources/sass/components/_btn.scss

@@ -0,0 +1,39 @@
+// Button
+
+.btn {
+    font-size: 1.6rem;
+    border: 1px solid transparent;
+    padding: 0.5rem;
+    border-radius: 0.5rem;
+    cursor: pointer;
+    box-shadow: 1px 1px 2px $grey;
+    transition: background-color 0.2s, color 0.2s;
+
+    &:hover {
+        transition: background-color 0.2s, color 0.2s;
+    }
+}
+
+.btn-primary {
+    @extend .btn;
+    background-color: $medium;
+    border-color: $medium;
+    color: $white;
+
+    &:hover {
+        background-color: $dark;
+        color: $light;
+    }
+}
+
+.btn-secondary {
+    @extend .btn;
+    background-color: $mediumLight;
+    border-color: $medium;
+    color: $dark;
+
+    &:hover {
+        background-color: $dark;
+        color: $light;
+    }
+}