/* ------------------------------------------

    REGISTRATION BUTTONS

------------------------------------------ */

.nbuxRegistration .reg-form-email-marketing {
    display: grid!important;
    grid-template-columns: 1fr;
    grid-column-gap: 0;
    grid-row-gap: var(--gutter);
    grid-auto-flow: column;
    align-items: center;
    max-width: 510px;
    width: 100%;
    padding: var(--gutter) 0;
    margin: 0 auto;
}

.nbuxRegistration .reg-form-email-marketing .form-group {
    margin: 0!important;
}

.nbuxRegistration .reg-form-email-marketing .col-sm-3 {
    display: none!important;
}

.nbuxRegistration .reg-form-email-marketing a {
    margin: 0!important;
}

.nbuxRegistration .reg-form-email-marketing a:before,
.nbuxRegistration .reg-form-email-marketing a:after {
    display: none!important;
}

.nbuxRegistration .email-consent-btn {
    display: flex!important;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    font-family: var(--font-primary);
    font-size: var(--font-body-font-size)!important;
    line-height: var(--font-body-line-height);
    font-weight: 700!important;
    margin: 0;
    padding: 0 var(--gutter)!important;
    border-radius: 56px;
    cursor: pointer;
}

/* ------------------------------------------

    -- Button - Cancel & Decline

------------------------------------------ */

.nbuxRegistration .email-consent-btn {
    grid-column: 1;
    grid-row: 2;
    background-color: var(--color-white);
    color: var(--color-black);
    border: 1px solid var(--color-black)!important;
}

.nbuxRegistration .email-consent-btn:hover {
    background-color: var(--color-white);
    border: 1px solid var(--color-black)!important;
}

.nbuxRegistration .email-consent-btn:active {
    background-color: var(--color-white);
    border: 1px solid var(--color-black)!important;
}

/* ------------------------------------------

    -- Button - Continue

------------------------------------------ */

.nbuxRegistration .email-consent-btn.gui-btn-primary {
    grid-column: 1;
    grid-row: 1;
    background-color: var(--color-success);
    color: var(--color-white);
    border: 1px solid var(--color-success)!important;
}

.nbuxRegistration .email-consent-btn.gui-btn-primary:hover {
    background-color: var(--color-success-background-hover-color);
    border: 1px solid var(--color-success-background-hover-color)!important;
}

.nbuxRegistration .email-consent-btn.gui-btn-primary:active {
    background-color: var(--color-success);
    border: 1px solid var(--color-success)!important;
}

/* ------------------------------------------

    FOOTER

------------------------------------------ */

.nbuxRegistration .buttons-wrap.footerButtons {
    display: flex;
    align-items: center;
    max-width: 510px;
    width: 100%;
    padding: 0 var(--gutter);
    margin: 0 auto;
}

.nbuxRegistration .footerButtons__container {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}


/* ------------------------------------------

    -- Footer Buttons

------------------------------------------ */

.nbuxRegistration .footerButtons__container a {
    margin: var(--gutter) 0 calc(var(--gutter) * 2)!important;
    flex: 1 1 100%;
    text-align: center;
}

.nbuxRegistration .footerButtons__container .nextBtn,
.nbuxRegistration .footerButtons__container .declinelink,
.nbuxRegistration .footerButtons__container .cancelApplication {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    font-family: var(--font-primary);
    font-size: var(--font-body-font-size);
    line-height: var(--font-body-line-height);
    font-weight: 700!important;
    padding: 0 var(--gutter)!important;
    text-align: center!important;
    border-radius: 56px;
    cursor: pointer;
    width: 100%;
}

.nbuxRegistration .footerButtons__container .nextBtn {
    background-color: var(--color-success);
    color: var(--color-white);
    order: 1;
    margin: var(--gutter) 0 0!important;
}

.nbuxRegistration .footerButtons__container .nextBtn:hover {
    background-color: var(--color-success-background-hover-color);
    border: 1px solid var(--color-success-background-hover-color)!important;
}

.nbuxRegistration .footerButtons__container .hideBackBtn,
.nbuxRegistration .footerButtons__container .cancelApplication_hide {
	display: none;
}

.nbuxRegistration .footerButtons__container .nextBtn:active {
    background-color: var(--color-success);
    border: 1px solid var(--color-success)!important;
}

.nbuxRegistration .footerButtons__container .declinelink {
    color: var(--color-black)!important;
    border: 1px solid var(--color-grey-100)!important;
    order: 2;
    margin: var(--gutter) 0 24px!important;
}

.nbuxRegistration .footerButtons__container .declinelink:hover,
.nbuxRegistration .footerButtons__container .declinelink:active {
    background-color: var(--color-grey-200)!important;
    color: var(--color-black)!important;
    border: 1px solid var(--color-grey-200)!important;
}

.nbuxRegistration .footerButtons__container .cancelApplication {
    color: var(--color-black)!important;
    border: 1px solid var(--color-grey-100)!important;
    order: 2;
    margin: var(--gutter) 0 24px!important;
}

.nbuxRegistration .footerButtons__container .cancelApplication:hover,
.nbuxRegistration .footerButtons__container .cancelApplication:active {
    background-color: var(--color-grey-200)!important;
    color: var(--color-black)!important;
    border: 1px solid var(--color-grey-200)!important;
}

/* ------------------------------------------

    BACK BUTTON

------------------------------------------ */

.nbuxRegistration .registrationBack {
	display: flex;
    background: transparent;
    max-width: 510px;
    width: 100%;
    border: none;
    padding: 0 var(--gutter);
    margin: 0 auto;
}

.nbuxRegistration .backBtn {
    font-family: var(--font-primary);
    font-size: var(--font-body-font-size);
    line-height: var(--font-body-line-height);
    font-weight: 700;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    margin: 8px 0 -16px;;
    padding: 0;
    border: none!important;
    background-color: transparent!important;
    color: var(--color-information)!important;
    text-decoration: underline!important;
}

.nbuxRegistration .backBtn:hover,
.nbuxRegistration .backBtn:active {
    background-color: transparent;
}

.nbuxRegistration .backBtn:before {
    content: "";
    margin: 0 calc(var(--gutter) / 2) 0 0;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21 11H5.414l3.293-3.293a.999.999 0 1 0-1.414-1.414l-5 5a.999.999 0 0 0 0 1.414l5 5a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L5.414 13H21a1 1 0 0 0 0-2' fill='%23252525' fill-rule='evenodd'/%3e%3c/svg%3e");
}