CSS adjustments for search

styles/components/button.css

@@ -0,0 +1,17 @@
+.button {
+  border: none;
+  background: transparent;
+  position: relative;
+  padding: 10px 10px 10px 35px;
+  margin: 0;
+  font-size: 16px;
+  line-height: 16px;
+  color: var(--color-gray-normal);
+
+  &__icon {
+    position: absolute;
+    left: 5px;
+    top: 50%;
+    margin-top: -11px;
+  }
+}

styles/components/icon-link.css

@@ -22,6 +22,14 @@
   }
 
   &:hover {
-    text-decoration: underline;
+    color: var(--color-white);
+    &:after {
+      content: '';
+      position: absolute;
+      left: 0;
+      bottom: -8px;
+      width: 100%;
+      border-bottom: 2px solid var(--color-white);
+    }
   }
 }

styles/components/search.css

@@ -3,11 +3,13 @@
   width: 600px;
   height: 50px;
   position: relative;
+  margin: 0;
+  padding: 0;
 
   &__field {
     height: 100%;
     width: 100%;
-    padding: 10px 20px 10px 50px;
+    padding: 10px 120px 10px 20px;
     background: #3A444A;
     display: block;
     border: none;
@@ -27,9 +29,10 @@
     }
   }
 
-  &__icon {
+  &__button {
     position: absolute;
-    top: 14px;
-    left: 14px;
+    top: 50%;
+    margin-top: -18px;
+    right: 7px;
   }
 }