.otp-disabled {
  background-color: #e74c3c !important;
  color: #fff !important;
  border: 1px solid #c0392b !important;
  cursor: not-allowed !important;
  opacity: 0.9;
}


#am-cf-8.otp-button-wha {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background-color: #25D366 !important;
  color: #fff !important;
  border: 1px solid #128C7E !important;
  border-radius: 5px !important;
  padding: 10px 20px 10px 40px !important;
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 10px center;
  box-sizing: border-box !important;
  text-align: left !important;
  overflow: hidden !important;
}

/* Asegura que el contenedor interno sea flex para alinear correctamente */
#am-cf-8.otp-button-wha > .el-form-item__content {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
}

/* Forzamos color en el div que contiene el texto */
#am-cf-8.otp-button-wha > .el-form-item__content > div {
  color: #fff !important;
  margin: 0;
}

/* Estado desactivado del botón */
#am-cf-8.otp-button-wha.disabled,
#am-cf-11.otp-button.disabled {
  pointer-events: none !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important; /* opcional */
}



#am-cf-11.otp-button {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background-color: #007bff !important;  /* Azul brillante */
  color: #fff !important;
  border: 1px solid #0056b3 !important;
  border-radius: 5px !important;
  padding: 10px 20px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  overflow: hidden !important;
  font-weight: bold !important;
  cursor: pointer !important;
  background-image: none !important;
}

/* Contenedor interno */
#am-cf-11.otp-button > .el-form-item__content {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
}

/* Texto interno */
#am-cf-11.otp-button > .el-form-item__content > div {
  color: #fff !important;
  margin: 0;
}