.verification-code {
    display: flex;
    gap: 8px;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}

.verification-code .verification-code-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 8px;
    width: max-content;
}
.verification-code .verification-code-input {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 37px;
    height: 47px;
    padding: 14px 10px;
    border-radius: 8px;
    border: 1px solid rgba(183, 189, 206, 0.70);
    background: #FFF;
    text-align: center;
    color: var(--black, #444);
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.verification-code .verification-code--new {



}
.nd-button.nd-button-empty.verification-code--repeat:hover {
    color: var(--color-black);
    background-color: var(--color-white);
    border-color: #b7bdce;
    cursor: default;
}


.verification-code-ban-note {
    display: none;


    padding: 12px 16px;
    align-items: flex-start;
    gap: 6px;
    border-radius: 16px;
    margin-top: auto;
    background: rgba(183, 189, 206, 0.08);

}
.verification-code-ban-note p {

    color: var(--black, #444);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Noto Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%; /* 15px */

}
.verification-code-ban-note svg {
    display: flex;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}