 width: 30px;
  height: 30px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%) scale(0.8);
  fill: #fff;
  stroke: #fff;
}

.filter-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) scale(0.8);
  fill: #fff;
  stroke: #fff;
  cursor: pointer;
  transition: 0.15s 0s ease-in-out;
}
.filter-icon:active {
  scale: 0.9;
}

.input:hover.search-icon,
.input:focus.search-icon,
.input:hover.filter-icon,
.input:focus.filte