.nb-action-loyalty-2 {
    --nb-action-loyalty-2-login-btn-bg: var(--nb-color-white);
    --nb-action-loyalty-2-login-btn-color: var(--nb-color-black);
    --nb-action-loyalty-2-login-btn-border-color: var(--nb-login-or-register-2-btn-border-color);

    --nb-action-loyalty-2-login-btn-active-bg: var(--nb-color-white);
    --nb-action-loyalty-2-login-btn-active-color: var(--nb-color-black);
    --nb-action-loyalty-2-login-btn-active-border-color: var(--nb-login-or-register-2-btn-border-color);
}

.nb-action-loyalty-2 .nb-box-28 .nb-text-wrapper .nb-icon {
    width: 20px;
    height: 20px;
    border-radius: var(--nb-border-radius-full);
    border: var(--nb-border-width) var(--nb-border-style) var(--nb-border-color);
    background-color: var(--nb-color-white);
    position: absolute;
    right: 0;
}

.nb-action-loyalty-2 .nb-box-28 .nb-text-wrapper .nb-icon:before {
    display: none;
}

.nb-action-loyalty-2 .nb-box-28 .nb-text-wrapper .nb-icon:before {
    display: block;
}

.nb-action-loyalty-2 .nb-action-loyalty-list-2 {
    margin-bottom: 20px;
}

.nb-action-loyalty-2 .nb-login-or-register-2 .nb-btn-wrapper {
    flex-direction: row;
    gap: 10px;
}

.nb-action-loyalty-2 .nb-login-or-register-2 .nb-btn-wrapper .nb-btn {
    --nb-btn-min-width: unset;
    flex: 1 1 50%;
    background-color: var(--nb-action-loyalty-2-login-btn-bg);
    color: var(--nb-action-loyalty-2-login-btn-color);
    border-color: var(--nb-action-loyalty-2-login-btn-border-color);
}

.nb-action-loyalty-2 .nb-login-or-register-2 .nb-btn-wrapper .nb-btn:hover {
    background-color: var(--nb-action-loyalty-2-login-btn-active-bg);
    color: var(--nb-action-loyalty-2-login-btn-active-color);
    border-color: var(--nb-action-loyalty-2-login-btn-active-border-color);
}

@media screen and (max-width: 576px) {
    .nb-action-loyalty-2 .nb-login-or-register-2 .nb-btn-wrapper {
        flex-direction: column;
    }
}