.nb-action-loyalty-3{
    .nb-login-info {
        margin-bottom: 10px;
    }

    > .nb-paragraph{
        font-size: 14px;
        font-weight: var(--nb-font-semibold);
        margin-bottom: 5px;
    }

    .input-btn-wrapper{
        display: flex;

        .nb-form-group{
            flex-grow: 1;
            max-width: 100%;
            margin-bottom: 0;

            .nb-input{
                height: 40px;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }
            .nb-label{
                line-height: 40px;
            }
        }
        .nb-btn{
            padding-block: 2px;
            height: 40px;
            border-radius: 0;
        }
    }
}

.nb-action-loyalty-3 .nb-btn-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.nb-action-loyalty-3 .nb-btn{
    --nb-dt-rows: 2;
    max-width: 240px;
    height: calc(var(--nb-dt-rows) * (var(--nb-btn-line-height) + var(--nb-btn-font-size)));
}
.nb-action-loyalty-3 .nb-btn .btn-text{
    overflow: hidden;
    max-height: calc(var(--nb-dt-rows) * var(--nb-btn-line-height));
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    width: fit-content;
    margin: auto;
}

.nb-action-loyalty-3 .nb-form-group{
    max-width: 425px;
}
.nb-action-loyalty-3 :first-child{
    align-items: center;
}
.nb-action-loyalty-3 .nb-action-loyalty-3-box-1 .nb-info-wrapper{
    align-items: start;
}
.nb-action-loyalty-3 .row .nb-paragraph.title{
    margin-bottom: 40px;
}

@media screen and (max-width: 576px) {
    .nb-action-loyalty-3 .nb-btn {
        max-width: 100%;
        width: 100%;
    }
}