select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-color: #f9f9f9;
  border: 1px solid #d0d0d0;
  border-radius: 6px;

  padding: 12px 42px 12px 12px;
  font-size: 16px;
  cursor: pointer;

  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
}

select:focus {
  border-color: #7CC644;
  outline: none;
  box-shadow: 0 0 0 2px rgba(124, 198, 68, 0.15);
}