diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss index c7c65c2..ec4b3bd 100644 --- a/checkout/src/arquivos/sass/partials/_footer.scss +++ b/checkout/src/arquivos/sass/partials/_footer.scss @@ -7,10 +7,23 @@ align-items: center; display: flex; justify-content: space-between; + border-top: 1px solid $color-black; + padding: 16px 0; + + .container { + display: flex; + justify-content: space-between; + align-items: center; + + &:before, + &:after { + display: none; + } + } } &__address { - color: $color-gray2; + color: $color-black2; font-family: $font-family; font-style: normal; font-weight: normal; @@ -18,6 +31,7 @@ line-height: 12px; text-transform: capitalize; max-width: 40%; + white-space: nowrap; @include mq(md, max) { margin-bottom: 24px; @@ -37,7 +51,7 @@ } &__divider { - background-color: $color-gray4; + background-color: $color-gray6; display: inline-block; height: 24px; margin: 0 8px; @@ -45,12 +59,38 @@ } } + &__payments { + display: flex; + gap: 13px; + + img { + width: 35.65px; + } + + .vtexPCI-icon { + width: 53px; + } + } + &__developedBy { align-items: center; display: flex; list-style-type: none; margin: 0; + .vtex-icon { + width: 44.92px; + } + + .m3-icon { + width: 28.66px; + } + + span { + color: $color-black2; + white-space: nowrap; + } + li:last-child { margin-left: 16px; } @@ -62,7 +102,7 @@ font-family: $font-family; font-style: normal; font-weight: normal; - font-size: 10px; + font-size: 9px; line-height: 12px; text-decoration: none;