/* ── Reset-password button animation ── */

#reset-password-button,
#back-button {
    transition: flex .4s cubic-bezier(.4, 0, .2, 1),
                opacity .3s ease,
                min-width .4s ease;
    flex: 1 1 50%;
    min-width: 0;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.row:has(#reset-password-button) {
    transition: gap .4s ease;
}

/* After request is sent */

.sent #reset-password-button {
    flex: 0 0 0%;
    opacity: 0;
    padding: 0;
    border-width: 0;
    pointer-events: none;
}

.sent.row:has(#reset-password-button) {
    gap: 0;
}

.sent #back-button {
    flex: 1 1 100%;
}