.mail-otp {
  display: flex;
  gap: 5px;
  align-content: stretch;
}

.mail-otp__button {
  padding: 0;
  flex-shrink: 2;
  margin: 0;
}

.mail-otp__email,
.mail-otp__button,
.mail-otp__otp {
  opacity: 1;
  transition-property: width, padding, border, opacity;
  transition-duration: 200ms, 200ms, 200ms, 50ms;
  transition-timing-function: ease-in;
}

.mail-otp:not(.-email-submitted) .mail-otp__otp {
  width: 0;
  padding: 0;
  border: 0;
  opacity: 0;
}

.mail-otp.-email-submitted .mail_otp__email {
  cursor: not-allowed;
  width: 50% !important;
  text-overflow: hidden;
}

.mail-top.-email-submitted .mail-otp__button {
  width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
}

.mail-otp.-email-submitted .mail-otp__otp {
  width: 50% !important;
}