Trial: red search button

Author: TheElectronWill

scala3doc/resources/dotty_res/styles/search-bar.css

@@ -11,18 +11,16 @@
 
 /* button */
 .search button {
-  background: none;
-  fill: var(--icon-color);
-  cursor: pointer;
-  border: none;
-  padding: 0;
+	background: #ED3522;
+	fill: #fff;
+	cursor: pointer;
+	border: none;
+	padding: 9px;
+	border-radius: 24px;
+	box-shadow: 0 0 16px #F27264;
 }
 .search button:hover {
-  fill: var(--link-hover-fg);
-}
-.search button svg {
-  width: 24px;
-  height: 24px;
+  fill: #F27264;
 }
 
 /* popup */
@@ -60,6 +58,18 @@
 
 /* Portrait phones */
 @media(max-width: 576px) {
+  .search button {
+    background: none;
+    fill: var(--icon-color);
+    cursor: pointer;
+    border: none;
+    padding: 0;
+    box-shadow: none;
+    margin-top: 2px;
+  }
+  .search button:hover {
+    fill: var(--link-hover-fg);
+  }
   .search-content {
     margin: 0 !important;
     top: 9px !important;