From a78185d88092d99ebf1d2fb8f5ad68e5972ae23a Mon Sep 17 00:00:00 2001
From: Andrea Matsunaga <andreamizuno@gmail.com>
Date: Fri, 16 Dec 2022 23:35:39 -0300
Subject: [PATCH] feat: cria mixin de buttonStyle

---
 .../arquivos/sass/partials/_prateleira.scss   | 29 ++++++++++---------
 checkout/src/arquivos/sass/utils/_mixin.scss  | 18 ++++++++++++
 2 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/checkout/src/arquivos/sass/partials/_prateleira.scss b/checkout/src/arquivos/sass/partials/_prateleira.scss
index 55e5826..a82e482 100644
--- a/checkout/src/arquivos/sass/partials/_prateleira.scss
+++ b/checkout/src/arquivos/sass/partials/_prateleira.scss
@@ -26,21 +26,22 @@
         // background: yellow;
 
         button {
-            border: none;
-            border-radius: 8px;
-            line-height: 18px;
-            font-size: 13px;
-            font-family: $font-family;
-            font-weight: 700;
-            color: $color-white;
-            background: $blue-300;
-            text-align: center;
-            text-transform: uppercase;
+            @include buttonStyle();
+        //     border: none;
+        //     border-radius: 8px;
+        //     line-height: 18px;
+        //     font-size: 13px;
+        //     font-family: $font-family;
+        //     font-weight: 700;
+        //     color: $color-white;
+        //     background: $blue-300;
+        //     text-align: center;
+        //     text-transform: uppercase;
 
-            font-style: normal;
-            display: flex;
-            align-items: center;
-            letter-spacing: 0.05em;
+        //     font-style: normal;
+        //     display: flex;
+        //     align-items: center;
+        //     letter-spacing: 0.05em;
         }
 
         &--image {
diff --git a/checkout/src/arquivos/sass/utils/_mixin.scss b/checkout/src/arquivos/sass/utils/_mixin.scss
index 8d969d6..aec645f 100644
--- a/checkout/src/arquivos/sass/utils/_mixin.scss
+++ b/checkout/src/arquivos/sass/utils/_mixin.scss
@@ -80,6 +80,24 @@
 	&::-webkit-input-placeholder { @content; }
 }
 
+@mixin buttonStyle($width: 100%, $color: #ffffff, $bg-color: #00C8FF) {
+    border: none;
+    border-radius: 8px;
+    line-height: 18px;
+    font-size: 13px;
+    font-family: $font-family;
+    font-weight: 700;
+    color: $color-white;
+    background: $blue-300;
+    text-align: center;
+    text-transform: uppercase;
+
+    font-style: normal;
+    display: flex;
+    align-items: center;
+    letter-spacing: 0.05em;
+}
+
 @mixin hardware($backface: true, $perspective: 1000) {
 	@if $backface {
 		backface-visibility: hidden;