.two-fa-main-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.two-fa-code-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.code-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20rem;
}
.resend-container{
    display:flex;
    gap: 1rem;
}
.resend-link{
    cursor: pointer;

}
.resend-link-disabled{
    cursor: not-allowed;
    color: var(--brand-sixth);
    pointer-events: none;
}

.code-box {
    width: max-content;
}

.codeError,
.codeEmpty {
    width: max-content;
    align-self: flex-start;
    margin-left: 60px;
    font-size: 12px;
    color: red;
    display: none;
}