diff --git a/src/components/Footer/style.module.css b/src/components/Footer/style.module.css index 680af39..15d0f6f 100644 --- a/src/components/Footer/style.module.css +++ b/src/components/Footer/style.module.css @@ -158,3 +158,81 @@ margin-bottom: 0.75rem; } +.containerFooterInfo { + width: 100%; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + background-color: var(--black); + color: var(--white); + padding: 2.063rem 0; + margin-top: 3.125rem; +} + +.containerInfoWrapper { + width: 90%; + display: flex; + justify-content: space-between; + align-items: center; +} + +.contentInfoFooter { + flex: 1; + display: flex; + justify-content: flex-start; + align-items: center; +} + +.contentInfoFooter span, +.contentVtexIcon span, +.contentM3Icon span { + font-size: 1.25rem; + line-height: 23.44px; +} + +.contentInfoFooter span { + max-width: 467px; +} + + +.contentIconsPay { + flex: 1; + display: flex; + justify-content: center; + align-items: center; + gap: 0.75rem; +} + +.contentVtexIcon span, +.contentM3Icon span { + white-space: nowrap; +} + +.contentIconsPay img { + width: 9.33%; +} + +.iconsVtexAndM3 { + flex: 1; + display: flex; + justify-content: flex-end; + align-items: center; +} + +.contentVtexIcon, +.contentM3Icon { + display: flex; + justify-content: center; + align-items: center; + gap: 0.75rem; +} + +.contentVtexIcon img { + margin-right: 0.75rem; +} + +.iconsVtexAndM3 img { + width: 40.78%; +} + diff --git a/src/global.css b/src/global.css index f40857c..cfc7dae 100644 --- a/src/global.css +++ b/src/global.css @@ -31,4 +31,5 @@ body { font-family: "Roboto", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; + font-weight: 400; }