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; + } + } } } }