.phone-input {
  display: flex;
  align-items: stretch;
  gap: 8px;
  width: 100%;
}

.phone-input-country {
  flex: 0 1 11rem;
  max-width: 48%;
  min-width: 7.5rem;
  border: 1.5px solid var(--border, #d1d5db);
  border-radius: 8px;
  font: inherit;
  font-size: .9rem;
  padding: 0 8px;
  background: var(--surface, #fff);
  color: var(--text, #222);
}

.phone-input > input {
  flex: 1 1 auto;
  min-width: 0;
  width: 100% !important;
}

.phone-input.phone-input--country-hidden .phone-input-country {
  display: none;
}