From 40b37accbb6977496f411aec5878f0df74fe51e4 Mon Sep 17 00:00:00 2001
From: Halit Aksoy <jhalitaksoy@gmail.com>
Date: Thu, 14 Jul 2022 17:27:32 +0300
Subject: [PATCH] use styled-jsx in button

---
 src/components/Button.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 1d43a30..317c713 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -20,12 +20,16 @@ const Button: FunctionComponent<{
       style={{
         background: color,
         color: textColor,
-        margin: "5px",
-        padding: "10px",
-        border: "none",
-        borderRadius: "4vw",
       }}
     >
+      <style jsx>{`
+        button {
+          margin: 5px;
+          padding: 10px;
+          border: none;
+          border-radius: 4vw;
+        }
+      `}</style>
       {text}
     </button>
   );