From 194d9ddbc62dd37e903d9f5ad766a9b7cbbdd29f Mon Sep 17 00:00:00 2001
From: Savio <savio.96@hotmail.com>
Date: Fri, 16 Dec 2022 18:19:55 -0300
Subject: [PATCH] feat(body): Estilizando o carrinho

---
 .../src/arquivos/sass/partials/_footer.scss   | 44 +++++++++++++++----
 1 file changed, 36 insertions(+), 8 deletions(-)

diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss
index e44f0a3..f1295bd 100644
--- a/checkout/src/arquivos/sass/partials/_footer.scss
+++ b/checkout/src/arquivos/sass/partials/_footer.scss
@@ -12,7 +12,7 @@
         align-items: center;
         display: flex;
         justify-content: space-between;
-        margin: 0 !important;
+        margin: 50px 0 0 0 !important;
     }
     .container {
         width: 100%;
@@ -36,54 +36,82 @@
             line-height: 38px;
         }
         .infoCards {
-            width: 79.375%;
+            width: 100%;
             display: flex;
             align-items: center;
+            gap: 16px;
             .infoCard {
-                width: 23.81%;
+                width: 242px;
                 height: 390px;
                 border: 1px solid #000;
                 display: flex;
                 flex-direction: column;
                 align-items: center;
                 &__image {
-                    width: 100%;
-                    object-fit: fill;
+                    max-width: 100%;
+                    height: 242px;
+                    object-fit: cover;
                     border-radius: 8px;
                 }
 
                 &__text {
+                    display: flex;
+                    width: 100%;
                     margin-top: 20px;
                     margin-bottom: 0;
                     font-family: $font-family;
                     font-size: 13px;
                     color: #000;
                     font-weight: 400;
+                    justify-content: center;
                 }
 
                 &__tamanhos {
                     margin-top: 20px;
-
+                    width: 100%;
                     display: flex;
                     flex-direction: row;
                     list-style: none;
+                    margin-left: 0%;
+                    gap: 5px;
+                    justify-content: center;
                 }
                 &__tamanho {
-                    margin-right: 5px;
                     background-color: $color-blue-300;
                     border-radius: 8px;
+                    height: 28px;
+                    display: flex;
+                    justify-content: center;
                     &__numero {
                         display: flex;
                         justify-content: center;
                     }
                     &__link {
                         color: $color-white;
-                        margin: 5px;
+                        margin: 4px;
                         font-family: $font-family;
                         font-size: 13px;
                         font-weight: 700;
                     }
                 }
+                &__link {
+                    padding: 12px 0;
+                    display: flex;
+                    justify-content: center;
+                    width: 242px;
+                    height: 42px;
+                    margin-top: 32px;
+                    font-family: $font-family;
+                    font-weight: 700;
+                    font-size: 13px;
+                    line-height: 18px;
+                    color: $color-white;
+                    background-color: $color-blue-300;
+                    border-radius: 8px;
+                    &::hoover {
+                        cursor: pointer;
+                    }
+                }
             }
         }
     }