fix: Consertando container entrar Header

src/components/Header/Header.tsx

@@ -38,8 +38,10 @@ export default function Header() {
             </button>
           </form>
           <div className={styles.entrarContainer}>
-            <span>Entrar</span>
-            <img src="/assets/icons/cart-icon.svg" alt="Carrinho" />
+            <a href="/">Entrar</a>
+            <a className={styles.cartIcon} href="http://">
+              <img src="/assets/icons/cart-icon.svg" alt="Carrinho" />
+            </a>
           </div>
         </div>
 

src/components/Header/header.module.scss

@@ -67,7 +67,7 @@
     justify-content: space-between;
     align-items: center;
 
-    span {
+    a {
       color: var(--white);
 
       font-weight: 400;
@@ -76,7 +76,7 @@
       text-transform: uppercase;
     }
 
-    img {
+    .cartIcon {
       width: 20.5882%;
     }
   }
@@ -120,14 +120,12 @@
     .entrarContainer {
       width: 9.3339%;
 
-      span {
-        color: var(--white);
-
+      a {
         font-size: 28px;
         line-height: 33px;
       }
 
-      img {
+      .cartIcon {
         width: 25.4704%;
       }
     }
@@ -192,11 +190,12 @@
       grid-area: cart;
       width: 100%;
 
-      span {
+      a {
         display: none;
       }
 
-      img {
+      .cartIcon {
+        display: block;
         width: 100%;
       }
     }