/*---------------------------------------------------------------------
Button
---------------------------------------------------------------------*/

.modtrjct-button > button > .button-spinner {
    display: none;
    font-size: 1.6rem;
}

.modtrjct-button > button.button-loading > .button-spinner {
    display: flex;
}

.modtrjct-button > button.button-loading > .button-icon,
.modtrjct-button > button.button-loading > .button-text {
    display: none;
}

.modtrjct-button.button-general {
    flex-basis: 100%;
    display: flex;
}

.modtrjct-button.button-general > button {
    margin: 0;
    padding: 0.69em;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    border: 1px solid #233e80;
    background-color: #233e80;
    flex-basis: 100%;
    text-transform: uppercase;
    position: relative;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    white-space: nowrap;
}

.modtrjct-button.button-general > button.inverted-default {
    color: #233e80;
    border: 1px solid #233e80;
    background-color: transparent;
}

.modtrjct-button.button-general > button.selected {
    border-color: #269320;
    color: #269320;
    background-color: rgba(38, 147, 32, 0.12);
    cursor: auto;
    font-weight: 600;
}

.modtrjct-button.button-general > button.inactive {
    border-color: #d6d8db;
    color: #000;
    background-color: #e2e3e5;
    cursor: auto;
}

.modtrjct-button.button-general > button:not(.selected):disabled {
    border-color: #d6d8db;
    color: #000;
    background-color: #e2e3e5;
    cursor: auto;
}

.modtrjct-button.button-general > button:not([disabled]):not(.inactive):hover {
    text-decoration: underline;
    background-color: #233e80;
    color: #fff;
}

.modtrjct-button.button-general > button > span {
    margin: 0 0.24em;
}

.modtrjct-button.button-general > button.order-left > span.button-icon {
    order: 1;
}

.modtrjct-button.button-general > button.order-left > span.button-text {
    order: 2;
}

.modtrjct-button.button-general > button.order-right > span.button-icon {
    order: 2;
}

.modtrjct-button.button-general > button.order-right > span.button-text {
    order: 1;
}