From 60ea3d2cb179b9c17cf63ba687e40853b7ea479a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Sat, 16 Oct 2021 15:42:30 +0200
Subject: [PATCH] Add responsive for buttons

---
 src/style/atoms/_button.scss | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/style/atoms/_button.scss b/src/style/atoms/_button.scss
index 048da5d..7ed07a0 100644
--- a/src/style/atoms/_button.scss
+++ b/src/style/atoms/_button.scss
@@ -1,15 +1,21 @@
 .button {
     display: inline-flex;
     align-items: center;
-    height: 48px;
-    padding: 0 24px;
+    height: 40px;
+    padding: 0 12px;
     background: #fff;
-    font: 900 #{rem(18px)}/1 $font-sans;
+    font: 900 #{rem(16px)}/1 $font-sans;
     color: $color-text;
     border-radius: 100vh;
     border: none;
     text-decoration: none;
 
+    @include bp (sm) {
+        height: 48px;
+        padding: 1px 16px 0;
+        font-size: rem(18px);
+    }
+
     // Icon
     img, svg {
         display: block;
@@ -21,6 +27,11 @@
     &--small {
         height: 40px;
         padding: 0 16px;
+
+        @include bp (sm) {
+            height: 40px;
+            padding: 0 16px;
+        }
     }
 
     // Color Variants