.btn {
    margin: 5px 0;
    font-size: 16px;
    font-weight: 500;
    text-wrap: auto;
    height: auto;
    &:disabled, &.disabled {
        background-color: #B8B8B8;
        border-color: #B8B8B8;
    }
}
.btn-info {
    background-color: #3BACFC;
    border-color: #3BACFC;
    &:not(:disabled):not(.disabled):active,
    &:not(:disabled):not(.disabled):focus,
    &:not(:disabled):not(.disabled):hover {
        background-color: #1D8BD9;
        border-color: #1D8BD9;
    }
    &.disabled {
        pointer-events: none;
    }
}
.btn-primary {
    background-color: #007BFF;
    border-color: #007BFF;
    border-left-color: white;
    &:not(:disabled):not(.disabled):active,
    &:not(:disabled):not(.disabled):focus,
    &:not(:disabled):not(.disabled):hover  {
        background-color: #0169D9;
        border-color: #0169D9;
        border-left-color: white;
    }
    &.disabled {
        pointer-events: none;
    }
}
.btn-with-chevron {
    display: flex;
}
.btn-with-chevron .btn:first-child {
    flex: 4;
}
.btn-with-chevron .chevron {
    flex: 1;
    padding: 0;
}
.btn-warning {
    background-color: transparent !important;
    border-color: #E00000 !important;
    color: #E00000 !important;

    &:hover {
        color: #c82333 !important;
        border-color: #bd2130 !important;
        background-color: rgba(224, 0, 0, 0.08) !important;
    }

    &:active {
        color: #bd2130 !important;
        border-color: #b21f2d !important;
        background-color: rgba(224, 0, 0, 0.08) !important;
    }
}