<!-- Primary ==================================== -->

.btn-primary{}
.btn-primary{
color:#ffffff;
background-color:#007bff;
border-color:#007bff;
}
.btn-primary.focus,.btn-primary:focus{
color:#ffffff;
background-color:#0069d9;
border-color:#007bff;
}
.btn-primary:hover{
color:#ffffff;
background-color:#0069d9;
border-color:#0062cc;
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
color:#ffffff;
background-color:#0069d9;
border-color:#0062cc;
}


<!-- Secondary ==================================== -->

.btn-secondary{}
.btn-secondary{
color:#ffffff;
background-color:#6c757d;
border-color:#6c757d;
}

.btn.btn-secondary:hover {
color:#ffffff;
background-color:#5a6268;
border-color:#545b62; 
}
    
.btn.btn-secondary:focus, .btn.btn-secondary.focus {
color:#ffffff;
background-color:#5a6268;
border-color:#545b62; 
}

.btn-secondary.active,.btn-secondary:active,.open>.dropdown-toggle.btn-secondary{
color:#ffffff;
background-color:#5a6268;
border-color:#545b62;
}

<!-- Success ==================================== -->

.btn-success{}
.btn-success{
color:#ffffff;
background-color:#28a745;
border-color:#28a745;
}
.btn-success.focus,.btn-success:focus{
color:#ffffff;
background-color:#218838;
border-color:#1e7e34;
}
.btn-success:hover{
color:#ffffff;
background-color:#218838;
border-color:#1e7e34;
}
.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{
color:#ffffff;
background-color:#218838;
border-color:#1e7e34;
}

<!-- Danger ==================================== -->

.btn-danger{}
.btn-danger{
color:#ffffff;
background-color:#dc3545;
border-color:#dc3545;
}
.btn-danger.focus,.btn-danger:focus{
color:#ffffff;
background-color:#c82333;
border-color:#dc3545;
}
.btn-danger:hover{
color:#ffffff;
background-color:#c82333;
border-color:#bd2130;
}
.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{
color:#ffffff;
background-color:#c82333;
border-color:#bd2130;
}

<!-- warning ==================================== -->

.btn-warning{}
.btn-warning{
color:#212529;
background-color:#ffc107;
border-color:#ffc107;
}
.btn-warning.focus,.btn-warning:focus{
color:#212529;
background-color:#e0a800;
border-color:#ffc107;
}
.btn-warning:hover{
color:#212529;
background-color:#e0a800;
border-color:#d39e00;
}
.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{
color:#212529;
background-color:#e0a800;
border-color:#d39e00;
}

<!-- Info ==================================== -->

.btn-info{}
.btn-info{
color:#ffffff;
background-color:#17a2b8;
border-color:#17a2b8;
}
.btn-info.focus,.btn-info:focus{
color:#ffffff;
background-color:#138496;
border-color:#17a2b8;
}
.btn-info:hover{
color:#ffffff;
background-color:#138496;
border-color:#117a8b;
}
.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{
color:#ffffff;
background-color:#138496;
border-color:#117a8b;
}

<!-- Light ==================================== -->

.btn-light{}
.btn-light{
color:#212529;
background-color:#f8f9fa;
border-color:#f8f9fa;
}
.btn-light.focus,.btn-light:focus{
color:#212529;
background-color:#e2e6ea;
border-color:#f8f9fa;
}
.btn-light:hover{
color:#212529;
background-color:#e2e6ea;
border-color:#dae0e5;
}
.btn-light.active,.btn-light:active,.open>.dropdown-toggle.btn-light{
color:#212529;
background-color:#e2e6ea;
border-color:#dae0e5;
}

<!-- Dark ==================================== -->

.btn-dark{}
.btn-dark{
color:#ffffff;
background-color:#343a40;
border-color:#343a40;
}
.btn-dark.focus,.btn-dark:focus{
color:#ffffff;
background-color:#23272b;
border-color:#343a40;
}
.btn-dark:hover{
color:#ffffff;
background-color:#23272b;
border-color:#1d2124;
}
.btn-dark.active,.btn-dark:active,.open>.dropdown-toggle.btn-dark{
color:#ffffff;
background-color:#23272b;
border-color:#1d2124;
}

<!-- Link ==================================== -->

.btn-link{}
.btn-link{
color:#007bff;
}
.btn-link.focus,.btn-link:focus{
color:#007bff;
}
.btn-link:hover{
color:#0056b3;
}
.btn-link.active,.btn-link:active,.open>.dropdown-toggle.btn-link{
color:#0056b3;
}