.whatsapp-validator-phone-container {
  position: relative;
  width: 100%;
}

.whatsapp-validator-phone-container input {
  width: 100%;
  padding-left: 16px !important;
  border-radius: 4px !important;
  border: 1px solid #dcdcdc !important;
  font-size: 16px !important;
  height: 44px !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.whatsapp-validator-phone-container input:focus {
  border-color: #27ae60 !important;
  box-shadow: 0 0 0 2px rgba(39, 174, 96, 0.2) !important;
  outline: none !important;
}

.whatsapp-validator-phone-container input.valid {
  border-color: #1abc9c !important;
  background-color: #f0fffb !important;
}

.whatsapp-validator-phone-container input.invalid {
  border-color: #e74c3c !important;
  background-color: #fff5f5 !important;
}