/* =========================================================
   UFY PHONE — "REENVIAR CORREO" (confirmar la cuenta)
   Debajo del mensaje del formulario de entrar o crear cuenta
   (public/js/ufy-phone/auth-resend-verification.js). Mismo
   estilo que "¿Olvidaste tu contraseña?" de auth-app.css.
   ========================================================= */

.ufy-auth-resend {
  display: grid;
  justify-items: center;
  gap: 4px;

  margin: -2px 4px 2px;
}


.ufy-auth-resend-button {
  appearance: none;

  padding: 4px 6px;

  border: 0;

  background: transparent;

  color: rgba(213, 164, 255, 0.92);

  font: inherit;
  font-size: calc(13px * var(--ufy-font-scale, 1));
  font-weight: 700;

  cursor: pointer;

  transition:
    color 180ms ease,
    text-shadow 180ms ease;
}


.ufy-auth-resend-button:hover:not(:disabled),
.ufy-auth-resend-button:focus-visible {
  color: #e4bdff;

  text-shadow: 0 0 12px rgba(190, 111, 255, 0.52);
}


.ufy-auth-resend-button:disabled {
  color: rgba(235, 224, 246, 0.5);

  cursor: default;
}


.ufy-auth-resend-note {
  margin: 0;

  color: rgba(235, 224, 246, 0.72);

  font-size: calc(12px * var(--ufy-font-scale, 1));
  line-height: 1.4;

  text-align: center;
}


.ufy-auth-resend-note:empty {
  display: none;
}