div.btn-wrapper.mpi-ineligible-recurring-withdrawal.disable-not-eligible-selected a{
  pointer-events: none;
    background-color: #929ba3;
    border: 1px solid #929ba3;
    font-weight: bold;
    color: #d3d7da;
    font-family: Nimbus Sans Novus Bold;
}
div.btn-wrapper.disable-not-eligible-selected.mpi-pending-transaction a{
    pointer-events: none;
    background-color: #929ba3;
    border: 1px solid #929ba3;
    font-weight: bold;
    color: #d3d7da;
    font-family: Nimbus Sans Novus Bold;
}

.btn-wrapper {
    display: flex;
}

.btn-wrapper.center {
    justify-content: center;
}
.btn-wrapper.right {
    justify-content: flex-end;
}

a.btn span.icon {
    font-size: 15px;
    color: #ffffff;
    padding: 0px 10px;
}

button span.icon {
    font-size: 15px;
    color: #ffffff;
    padding: 0px 10px;
}

/* primary */
.btn-trp-primary {
    color: #FFFFFF;
    background-color: #086EA1;
    border: 1px solid #086EA1;
    padding: 11px 20px 13px 20px;
}

.btn-trp-primary.loading {
     border: none;
}


.btn-trp-primary:focus, .btn-trp-primary:hover, .btn-trp-primary.focus, .btn-trp-primary:active, .btn-trp-primary.active {
    color: #FFFFFF;
    background-color: #054C70;
    border: none;

}

/* secondary */

.btn-trp-secondary {
    color: #086EA1;
    background-color: #FFFFFF;
    border: 1px solid #086EA1;
}
.btn-trp-secondary:focus, .btn-trp-secondary.focus, .btn-trp-secondary:hover, .btn-trp-secondary:active, .btn-trp-secondary.active {
    color: #FFFFFF;
    background-color: #054C70;
    border: 1px solid #054C70;
}

/* callout */

.btn-trp-callout {
    color: #FFFFFF;
    background-color: #E17A17;
    border: 1px solid #E17A17;
}

.btn-trp-callout:focus, .btn-trp-callout.focus, .btn-trp-callout:hover, .btn-trp-callout:active, .btn-trp-callout.active {
    color: #FFFFFF;
    background-color: #C56B14;
    border: 1px solid #C56B14;
}

/* bright-blue */

.btn-trp-ghost-bright-blue {
    color: #086EA1;
    background-color: transparent;
    border: 1px solid #086EA1;
}

.btn-trp-ghost-bright-blue:focus, .btn-trp-ghost-bright-blue.focus, .btn-trp-ghost-bright-blue:hover, .btn-trp-ghost-bright-blue:active, .btn-trp-ghost-bright-blue.active {
    color: #000000;
    background-color: #086EA1;
    border: 1px solid #086EA1;
}

/* white */

.btn-trp-ghost-white {
    color: #086ea1;
    background-color: transparent;
    border: 1px solid #FFFFFF;
}
.btn-trp-ghost-white:focus, .btn-trp-ghost-white.focus, .btn-trp-ghost-white:hover, .btn-trp-ghost-white:active, .btn-trp-ghost-white.active {
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.btn-trp-ghost-blue {
    color: #FFFFFF;
    background-color: transparent;
    border: solid 1px #086ea1;
}
.btn-trp-ghost-blue:focus, .btn-trp-ghost-blue.focus, .btn-trp-ghost-blue:hover, .btn-trp-ghost-blue:active, .btn-trp-ghost-blue.active {
    color: #FFFFFF;
    background-color: #086ea1;
    border: 1px solid #086ea1;
}

/* secondary */

.btn-trp-secondary-borderblue{
    color: #086EA1;
    background-color: #FFFFFF;
    border: 1px solid #086EA1;
    padding: 6px 30px;
    font-size: 16px;
}

.btn-trp-ghost-blue-how-to {
    color: #FFFFFF;
    background-color: #086ea1;
    border: solid 1px #086ea1;
    line-height: 1.11;
    width: 20%;
    height: 48px;
    font-size: 18px;
    font-family: Nimbus Sans Novus Bold;
    padding:12px;
    letter-spacing:0.02px;
}
@media (min-width: 768px) and (max-width: 979px) {
    .btn-trp-ghost-blue-how-to {
        width: 27%;
    }
}
@media (max-width: 767px) {
    .btn-trp-ghost-blue-how-to {
        font-size: 16px;
        padding:14px;
        width: 100%;
    }
}
.btn-trp-ghost-blue-how-to:hover, .btn-trp-ghost-blue-how-to:active, .btn-trp-ghost-blue-how-to.active {
    color: #FFFFFF;
    background-color: #07608D;
    border: 1px solid #07608D;
    line-height: 1.11;
    width: 20%;
    height: 48px;
    font-size: 18px;
    font-family: Nimbus Sans Novus Bold;
    padding:12px;
    letter-spacing:0.02px;
}
.btn-trp-ghost-blue-how-to:focus, .btn-trp-ghost-blue-how-to.focus {
    color: #FFFFFF;
    background-color: #086EA1;
    border: 1px solid #086EA1;
    line-height: 1.11;
    width: 20%;
    height: 48px;
    font-size: 18px;
    font-family: Nimbus Sans Novus Bold;
    padding:12px;
    letter-spacing:0.02px;
}
@media (min-width: 768px) and (max-width: 979px) {
    .btn-trp-ghost-blue-how-to:focus, .btn-trp-ghost-blue-how-to.focus, .btn-trp-ghost-blue-how-to:hover, .btn-trp-ghost-blue-how-to:active, .btn-trp-ghost-blue-how-to.active {
        width: 27%;
    }
}
@media (max-width: 767px) {
    .btn-trp-ghost-blue-how-to:focus, .btn-trp-ghost-blue-how-to.focus, .btn-trp-ghost-blue-how-to:hover, .btn-trp-ghost-blue-how-to:active, .btn-trp-ghost-blue-how-to.active {
        font-size: 16px;
        padding:14px;
        width: 100%;
    }
}