feat(SW-272) link style changes

components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx

@@ -11,7 +11,7 @@ import { useTrapFocus } from "@/hooks/useTrapFocus"
 
 import styles from "./megaMenu.module.css"
 
-import { MegaMenuProps } from "@/types/components/header/megaMenu"
+import type { MegaMenuProps } from "@/types/components/header/megaMenu"
 
 export default function MegaMenu({
   isMobile,
@@ -60,7 +60,7 @@ export default function MegaMenu({
           {submenu.map((item) => (
             <li key={item.title} className={styles.submenusItem}>
               <Caption textTransform="uppercase" asChild>
-                <span>{item.title}</span>
+                <span className={styles.submenuTitle}>{item.title}</span>
               </Caption>
               <ul className={styles.submenu}>
                 {item.links.map(({ title, link }) =>
@@ -68,11 +68,15 @@ export default function MegaMenu({
                     <li key={title} className={styles.submenuItem}>
                       <Link
                         href={link.url}
-                        color="burgundy"
+                        variant="menu"
                         className={styles.link}
                         onClick={closeMegaMenu}
                       >
                         {title}
+                        <ArrowRightIcon
+                          color="burgundy"
+                          className={styles.arrow}
+                        />
                       </Link>
                     </li>
                   ) : null