From d5b3adc32f80680de69c05b5d7692518b6fc08bc Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Mon, 1 Oct 2018 19:33:57 +0200
Subject: [PATCH] fix link

---
 src/components/atoms/PostActions.jsx |  2 +-
 src/styles/_buttons.scss             | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/atoms/PostActions.jsx b/src/components/atoms/PostActions.jsx
index d9da44e6..b49f73df 100644
--- a/src/components/atoms/PostActions.jsx
+++ b/src/components/atoms/PostActions.jsx
@@ -42,7 +42,7 @@ export default class PostActions extends PureComponent {
           <h1 className={styles.actionTitle}>Found something useful?</h1>
           <p className={styles.actionText}>
             Say thanks{' '}
-            <button onClick={this.toggleModal}>with Bitcoins or Ether.</button>
+            <button className="link" onClick={this.toggleModal}>with Bitcoins or Ether.</button>
           </p>
         </article>
 
diff --git a/src/styles/_buttons.scss b/src/styles/_buttons.scss
index 6521515b..5bc73957 100644
--- a/src/styles/_buttons.scss
+++ b/src/styles/_buttons.scss
@@ -83,6 +83,21 @@ a.btn {
     }
 }
 
+button.link {
+    color: $link-color;
+
+    &:hover,
+    &:focus {
+        outline: 0;
+        color: lighten($link-color, 10%);
+    }
+
+    &:active {
+        transition: none;
+        color: darken($link-color, 10%);
+    }
+}
+
 // Primary Button
 .btn-primary,
 a.btn-primary {