feat(SW-272) link style changes

components/Header/MainMenu/MyPagesMenuContent/myPagesMenuContent.module.css

@@ -32,26 +32,6 @@
   list-style: none;
 }
 
-.link {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  text-decoration: none;
-  padding: var(--Spacing-x1);
-  gap: var(--Spacing-x-one-and-half);
-  color: var(--Base-Text-High-contrast);
-  font-family: var(--typography-Body-Bold-fontFamily);
-  font-size: var(--typography-Body-Bold-fontSize);
-  font-weight: var(--typography-Body-Bold-fontWeight);
-  line-height: var(--typography-Body-Bold-lineHeight);
-  letter-spacing: var(--typography-Body-Bold-letterSpacing);
-  border-radius: var(--Corner-radius-Medium);
-}
-
-.link:hover {
-  background-color: var(--Base-Surface-Primary-light-Hover-alt);
-}
-
 .link.smallLink {
   font-family: var(--typography-Body-Regular-fontFamily);
   font-size: var(--typography-Body-Regular-fontSize);
@@ -64,6 +44,10 @@
   opacity: 0;
 }
 
+.arrow {
+  flex-shrink: 0;
+}
+
 @media screen and (min-width: 768px) {
   .myPagesMenuContent {
     padding: var(--Spacing-x2) var(--Spacing-x4);