desafio5/src/components/Footer/FooterMobile.tsx

@@ -14,7 +14,7 @@ import instagram from "../../assets/img/insta.svg";
 import twitter from "../../assets/img/twitter.svg";
 import youtube from "../../assets/img/youtube.svg";
 import linkedin from "../../assets/img/link.svg";
-import style from "./footerMobile.module.css";
+import style from "./footerMobile.module.scss";
 
 interface AccordionStates {
   institucional: boolean;

desafio5/src/components/Header/Header.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import logoM3 from "../../assets/img/logo-m3.png";
 import lupa from "../../assets/img/icon-lupa.svg";
 import cart from "../../assets/img/icon-cart.svg";
-import style from "./header.module.css";
+import style from "./header.module.scss";
 
 const Header = () => {
   return (

desafio5/src/components/Header/HeaderMobile.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import logoM3 from "../../assets/img/logo-m3.png";
-import style from "./headerMobile.module.css";
+import style from "./headerMobile.module.scss";
 
 const HeaderMobile = () => {
   const [open, setOpen] = useState(false);