.search select {
  appearance: none;
  -webkit-appearance: none;
  padding: 0 40px 0 14px;
  font-size: 13px;
  font-weight: 700;
  line-height: 46px;
  cursor: pointer;
  background-color: #fff;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--es-green-dark) 50%),
    linear-gradient(135deg, var(--es-green-dark) 50%, transparent 50%),
    linear-gradient(to left, var(--es-green-soft), var(--es-green-soft));
  background-position:
    calc(100% - 17px) 20px,
    calc(100% - 12px) 20px,
    100% 0;
  background-size: 5px 5px, 5px 5px, 36px 100%;
  background-repeat: no-repeat;
}
.search select:hover {
  border-color: var(--es-green);
  background-color: #fbfffd;
}
.search select:focus {
  border-color: var(--es-green-dark);
}