select {
  appearance: auto;
  background: #fff;
  border: 1px solid #cbd8df;
  border-radius: 10px;
  color: var(--ink);
  font: inherit;
  min-height: 47px;
  padding: 11px 13px;
  width: 100%;
}

select:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(8, 127, 120, .12);
  outline: none;
}

.phone-field {
  display: grid;
  gap: 8px;
  grid-template-columns: 128px minmax(0, 1fr);
}

.phone-field select {
  font-size: 12px;
  font-weight: 750;
  padding-left: 9px;
  padding-right: 7px;
}

@media (max-width: 640px) {
  .phone-field {
    grid-template-columns: 112px minmax(0, 1fr);
  }
}