add of hover style

src/components/Header/Header.module.css

@@ -40,15 +40,21 @@
     width: auto;
 }
 
+.logoLink{
+    width: fit-content;
+}
+
 .link {
-    color: black;
+    color: #000000;
     width: fit-content;
     text-align: center;
     font-weight: bold;
+    border-bottom: 2px solid transparent;
 }
 
-.link:hover {
-    color: #535bf2;
+.link:hover{
+    border-bottom: 2px solid #019AFF;
+
 }
 
 .activeLink {
@@ -56,6 +62,7 @@
     text-align: center;
     font-weight: bold;
     color: #019AFF;
+    border-bottom: 2px solid #019AFF;
 }
 
 
@@ -69,7 +76,7 @@ svg {
 
 
 
-.bellBtn {
+.bellBtn, .profileLink {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -79,15 +86,16 @@ svg {
     background: none;
     padding: 7px;
     border-radius: 50%;
-    width: 75px;
-    height: 50px;
+    width: 55px;
+    height: 55px;
     position: relative;
-    svg {
-        stroke: black;
-        stroke-width: 3.5;
-        stroke-linecap: round;
-        stroke-linejoin: round;
-    }
+}
+
+.bellBtn svg {
+    stroke: black;
+    stroke-width: 3.5;
+    stroke-linecap: round;
+    stroke-linejoin: round;
 }
 
 .bellBtn:focus {
@@ -116,15 +124,22 @@ svg {
 
 
 
-.profileLink {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: transform 0.5s ease;
-}
-
 .profileLink:hover {
     transform: translateY(-4px);
+    background: rgba(191, 191, 191, 0.5);
+    svg {
+        fill: #019AFF;
+    }
+}
+
+
+
+.bellBtn svg {
+    height: 28px;
+}
+
+.profileLink svg {
+    height: 40px;
 }