 border: none;
  padding: 5px 0px 5px 10px;
  color: rgb(67, 67, 67);
  background: linear-gradient(
    25deg,
    white,
    rgb(126, 126, 126) 20%,
    rgba(67, 67, 67, 0.143)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 2;
}

.search-icon {
  display: grid;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.search-icon .span {
  opacity: 0;
  position: absolute;
  transition: all 0.3s;
  z-index: 2;
}

.search-icon:hover .span:nth-child(1),
.i