Exporting base styles

src/base/_btn.scss

@@ -0,0 +1,58 @@
+.btn {
+    position: relative;
+    color: black;
+    border: 0;
+    margin: .3rem;
+    padding: .5rem;
+    font-weight: 500;
+    text-transform: uppercase;
+    transition: .05s background-color linear;
+}
+
+.btn-primary {
+    background: $primary !important;
+    color: $on-primary !important;
+
+    &:hover {
+        filter: brightness(.95);
+    }
+
+    &:active {
+        filter: brightness(1.05);
+    }
+}
+
+.btn-secondary {
+
+    background: $secondary !important;
+    color: $on-primary !important;
+
+
+    &:hover {
+        filter: brightness(.95);
+    }
+
+    &:active {
+        filter: brightness(1.05);
+    }
+}
+
+.fab {
+    border-radius: 50%;
+    width: 2.5rem;
+    height: 2.5rem;
+    margin: .5rem;
+    line-height: 1.5rem;
+    font-size: 1.5rem;
+
+    >svg {
+        height: 1.5rem;
+        width: 1.5rem;
+    }
+
+    position: fixed;
+    bottom: 1.5rem;
+    right: 1.5rem;
+
+    border: none;
+}