From 395ab832d3dc041f663edf4375409329b10676ea Mon Sep 17 00:00:00 2001
From: AykutSarac <aykutsarac0@gmail.com>
Date: Thu, 3 Feb 2022 16:43:05 +0300
Subject: [PATCH] style button for links

---
 src/components/Button/index.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx
index 3c30268..b86ac0a 100644
--- a/src/components/Button/index.tsx
+++ b/src/components/Button/index.tsx
@@ -23,6 +23,11 @@ const StyledButton = styled.button<{ status: keyof typeof ButtonType }>`
   background: ${({ status, theme }) => getButtonStatus(status, theme)};
   color: ${({ theme }) => theme.FULL_WHITE};
   cursor: pointer;
+  padding: 8px 16px;
+
+  @media only screen and (max-width: 768px) {
+    font-size: 18px;
+  }
 `;
 
 const StyledButtonContent = styled.div`
@@ -30,7 +35,6 @@ const StyledButtonContent = styled.div`
   justify-content: center;
   align-items: center;
   gap: 8px;
-  padding: 8px;
 `;
 
 export const Button: React.FC<ButtonProps> = ({