.phone-component {
  display: flex;
  gap: 0.5rem;
  width: 100%;
  align-items: stretch;
}

.phone-component__country {
  flex: 0 0 42%;
  max-width: 48%;
  min-width: 0;
}

.phone-component__number {
  flex: 1;
  min-width: 0;
}

.phone-component-host {
  width: 100%;
}