.btn-lighten-primary {
    border: 1px solid rgba(113, 182, 249, 0.2) !important;
    background-color: rgba(113, 182, 249, 0.25) !important;
    color: #71b6f9 !important;
}

.btn-lighten-secondary {
    border: 1px solid rgba(108, 117, 125, 0.2) !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #6c757d !important;
}

.btn-lighten-success {
    border: 1px solid rgba(16, 196, 105, 0.2) !important;
    background-color: rgba(16, 196, 105, 0.25) !important;
    color: #10c469 !important;
}

.btn-lighten-info {
    border: 1px solid rgba(53, 184, 224, 0.2) !important;
    background-color: rgba(53, 184, 224, 0.25) !important;
    color: #35b8e0 !important;
}

.btn-lighten-warning {
    border: 1px solid rgba(249, 200, 81, 0.2) !important;
    background-color: rgba(249, 200, 81, 0.25) !important;
    color: #f9c851 !important;
}

.btn-lighten-danger {
    border: 1px solid rgba(255, 91, 91, 0.2) !important;
    background-color: rgba(255, 91, 91, 0.25) !important;
    color: #ff5b5b !important;
}

.btn-lighten-light {
    border: 1px solid rgba(241, 245, 247, 0.2) !important;
    background-color: rgba(241, 245, 247, 0.25) !important;
    color: #f1f5f7 !important;
}

.btn-lighten-dark {
    border: 1px solid rgba(50, 58, 70, 0.2) !important;
    background-color: rgba(50, 58, 70, 0.25) !important;
    color: #323a46 !important;
}

.btn-lighten-pink {
    border: 1px solid rgba(255, 138, 204, 0.2) !important;
    background-color: rgba(255, 138, 204, 0.25) !important;
    color: #ff8acc !important;
}

.btn-lighten-purple {
    border: 1px solid rgba(91, 105, 188, 0.2) !important;
    background-color: rgba(91, 105, 188, 0.25) !important;
    color: #5b69bc !important;
}

.btn-lighten-blue {
    border: 1px solid rgba(113, 182, 249, 0.2) !important;
    background-color: rgba(113, 182, 249, 0.25) !important;
    color: #71b6f9 !important;
}



.btn-pink {
    color: #343a40;
    background-color: #ff8acc;
    border-color: #ff8acc;
}

    .btn-pink:hover {
        color: #fff;
        background-color: #ff64bb;
        border-color: #ff57b6;
    }

    .btn-pink:focus, .btn-pink.focus {
        -webkit-box-shadow: 0 0 0 0.15rem rgba(225, 126, 183, 0.5);
        box-shadow: 0 0 0 0.15rem rgba(225, 126, 183, 0.5);
    }

    .btn-pink.disabled, .btn-pink:disabled {
        color: #343a40;
        background-color: #ff8acc;
        border-color: #ff8acc;
    }

    .btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled).active,
    .show > .btn-pink.dropdown-toggle {
        color: #fff;
        background-color: #ff57b6;
        border-color: #ff4ab0;
    }

        .btn-pink:not(:disabled):not(.disabled):active:focus, .btn-pink:not(:disabled):not(.disabled).active:focus,
        .show > .btn-pink.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.15rem rgba(225, 126, 183, 0.5);
            box-shadow: 0 0 0 0.15rem rgba(225, 126, 183, 0.5);
        }

.btn-purple {
    color: #fff;
    background-color: #5b69bc;
    border-color: #5b69bc;
}

    .btn-purple:hover {
        color: #fff;
        background-color: #4654ab;
        border-color: #4250a2;
    }

    .btn-purple:focus, .btn-purple.focus {
        -webkit-box-shadow: 0 0 0 0.15rem rgba(116, 128, 198, 0.5);
        box-shadow: 0 0 0 0.15rem rgba(116, 128, 198, 0.5);
    }

    .btn-purple.disabled, .btn-purple:disabled {
        color: #fff;
        background-color: #5b69bc;
        border-color: #5b69bc;
    }

    .btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active,
    .show > .btn-purple.dropdown-toggle {
        color: #fff;
        background-color: #4250a2;
        border-color: #3e4b99;
    }

        .btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus,
        .show > .btn-purple.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.15rem rgba(116, 128, 198, 0.5);
            box-shadow: 0 0 0 0.15rem rgba(116, 128, 198, 0.5);
        }

.btn-blue {
    color: #fff;
    background-color: #71b6f9;
    border-color: #71b6f9;
}

    .btn-blue:hover {
        color: #fff;
        background-color: #4ca3f7;
        border-color: #409df7;
    }

    .btn-blue:focus, .btn-blue.focus {
        -webkit-box-shadow: 0 0 0 0.15rem rgba(134, 193, 250, 0.5);
        box-shadow: 0 0 0 0.15rem rgba(134, 193, 250, 0.5);
    }

    .btn-blue.disabled, .btn-blue:disabled {
        color: #fff;
        background-color: #71b6f9;
        border-color: #71b6f9;
    }

    .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
    .show > .btn-blue.dropdown-toggle {
        color: #fff;
        background-color: #409df7;
        border-color: #3497f6;
    }

        .btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-blue.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.15rem rgba(134, 193, 250, 0.5);
            box-shadow: 0 0 0 0.15rem rgba(134, 193, 250, 0.5);
        }