.mls-button {
    border-radius: 3px;
    cursor: pointer;
    font-size: 13px;
    padding: 0 16px;
    height: 28px;
    margin: 0;
    transition: background-color .4s;
    text-transform: capitalize;
    width: 100%;
}

.mls-button.large {
    font-size: 14px;
    height: 36px;
}

.mls-button.full-width {
    margin: 0;
    width: 100%;
}

.mls-button.outline {
    background-color: #f6f9fb;
    border: 1px solid #b4b7ba;
    color: #182026;
}

.mls-button.outline:not(.disabled):hover {
    background-color: #edf2f6;
}

.mls-button.outline:not(.disabled):active {
    background-color: #d8e1e9;
}

.mls-button.outline.disabled {
    background-color: #e7ecef;
    border: 0;
    color: #abb6bf;
}

.mls-button.text {
    border: 0;
    color: #738694;
}

.mls-button.text:not(.disabled) .button-icon {
    color: #5c7080;
}

.mls-button.text:not(.disabled):hover {
    background-color: #e5e9ec;
}

.mls-button.text:not(.disabled):active {
    background-color: #d5dbde;
}

.mls-button.text.disabled {
    color: #abb6bf;
    border: 0;
}

.mls-button.contained {
    background-color: #137cbd;
    border: 1px solid #004c7d;
    color: #fff;
}

.mls-button.contained:not(.disabled):hover {
    background-color: #136da5;
}

.mls-button.contained:not(.disabled):active {
    background-color: #0d5a8a;
}

.mls-button.contained.disabled {
    background-color: #8cbedf;
    border: 0;
    color: #abb6bf;
}