.kzvn-select-mfa-form {
    gap: 0;
}

.mfa-tooltip {
    margin-bottom: 1.5rem;
}

.kzvn-login-container-content:has(.kzvn-login-form.kzvn-select-mfa-form) {
    width: 42rem;
}

.kzvn-select-mfa-btn {
    display: flex;
    flex-direction: row;
    padding: 1rem;
    border: none;
    background-color: var(--white-color);
    border-bottom: var(--border-basic);
    transition: var(--animation-ease-3ms);
}

@supports not (gap: 0.7rem) {
    .kzvn-select-mfa-btn > * {
        margin-right: 0.7rem;
    }
    .kzvn-select-mfa-btn > *:last-child {
        margin-right: 0;
    }
}

@supports (gap: 0.7rem) {
    .kzvn-select-mfa-btn {
        gap: 0.7rem;
    }
}

.kzvn-select-mfa-btn * {
    color: var(--kzvn-blue-color);
}

.kzvn-select-mfa-btn:hover {
    background-color: var(--kzvn-blue-color);
    transition: var(--animation-ease-3ms);
}

.kzvn-select-mfa-btn:hover * {
    transition: var(--animation-ease-3ms);
    color: var(--white-color);
}

.kzvn-select-mfa-btn-content {
    flex:1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

@supports not (gap: 0.5rem) {
    .kzvn-select-mfa-btn-content > * {
        margin-bottom: 0.5rem;
    }
    .kzvn-select-mfa-btn-content > *:last-child {
        margin-bottom: 0;
    }
}

@supports (gap: 0.5rem) {
    .kzvn-select-mfa-btn-content {
        gap: 0.5rem;
    }
}

.kzvn-select-mfa-btn-heading, .kzvn-select-mfa-btn-desc {
    padding: unset;
    margin: unset;
}

.kzvn-select-mfa-btn-heading {
    font-weight: bold;
    color: var(--kzvn-blue-color);
}

.kzvn-select-mfa-btn-desc {
    text-align: left;
    word-break: break-word;
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

.kzvn-select-mfa-btn-icon {
    width: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
}


.kzvn-select-mfa-btn-icon.prefix {
    align-items: flex-start;
}

.kzvn-select-mfa-btn-icon.prefix.fa-mobile {
    font-size: 3rem;
}