diff --git a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss index 08f74e9..7d1e57f 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss @@ -1,38 +1,60 @@ .empty-cart { - font-family: $font-family; - &-content { - color: $color-black; - text-align: center; + font-family: $font-family; + &-content { + color: $color-black; + text-align: center; - @include mq(md, max) { - padding: 0 16px; - } - } + @include mq(md, max) { + padding: 0 16px; + } + } - &-title { - font-size: 20px; - } + &-title { + font-size: 0px; - &-links { - .link-choose-products { - background: $color-black; - border: none; - border-radius: 5px; - transition: ease-in 0.22s all; - outline: none; - font-family: $font-family; - font-style: normal; - font-weight: 500; - font-size: 14px; - line-height: 16px; - text-align: center; - letter-spacing: 0.05em; - color: $color-white; - text-transform: uppercase; + &::after { + content: "Seu Carrinho está vazio."; + font-size: 24px; + line-height: 33px; + text-align: center; + text-transform: uppercase; + color: $color-black2; + } + } - &:hover { - background: lighten($color-black, 5); - } - } - } + &-links { + .link-choose-products { + background: $color-white; + border: 1px solid $color-black; + border-radius: 0; + transition: ease-in 0.22s all; + outline: none; + padding: 16px 64px; + font-size: 0; + color: $color-black; + cursor: pointer; + + &::after { + content: "Continuar comprando"; + font-family: $font-family-secundary; + font-style: normal; + font-weight: 500; + font-size: 14px; + line-height: 16px; + text-align: center; + letter-spacing: 0.05em; + text-transform: uppercase; + transition: ease-in 0.22s all; + } + + &:hover { + background: lighten($color-black, 5); + color: $color-white; + } + } + } + + &-message { + display: none; + } }