btn-link

assets/scss/style.scss

@@ -46,3 +46,44 @@
   }
 }
 
+.btn-link {
+  padding: .4em .8em;
+  color: $color__neutral-900;
+  border: 2px solid $color__neutral-900;
+  @include font-title();
+
+  &::before {
+    content: '';
+    z-index: -1;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    background-color: $color__neutral-200;
+    background: linear-gradient(
+                  to bottom left,
+                  $color__neutral-400,
+                  $color__neutral-200
+                );
+
+    transition: opacity .3s;
+    opacity: .4;
+  }
+
+  &:link, &:visited {
+    color: $color__neutral-900;
+  }
+
+  &:hover, &:active {
+
+    &::before {
+      opacity: .8;
+    }
+  }
+
+  &:focus {
+
+  }
+}
+