.btn-purple {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6f42c1;
    --bs-btn-border-color: #6f42c1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5936a6;
    --bs-btn-hover-border-color: #4e2f94;
    --bs-btn-focus-shadow-rgb: 119,73,176;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4e2f94;
    --bs-btn-active-border-color: #452985;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6f42c1;
    --bs-btn-disabled-border-color: #6f42c1;
}
.btn-aqua {
    --bs-btn-color: #fff;
    --bs-btn-bg: #17a2b8;
    --bs-btn-border-color: #17a2b8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #138496;
    --bs-btn-hover-border-color: #117a8b;
    --bs-btn-focus-shadow-rgb: 53,153,161;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #117a8b;
    --bs-btn-active-border-color: #0f6c78;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #17a2b8;
    --bs-btn-disabled-border-color: #17a2b8;
}
.btn-green {
    --bs-btn-color: #fff;
    --bs-btn-bg: #28a745;
    --bs-btn-border-color: #28a745;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #218838;
    --bs-btn-hover-border-color: #1e7e34;
    --bs-btn-focus-shadow-rgb: 72,180,97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1e7e34;
    --bs-btn-active-border-color: #1c7430;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #28a745;
    --bs-btn-disabled-border-color: #28a745;
}
.btn-yellow {
    --bs-btn-color: #212529;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #e0a800;
    --bs-btn-hover-border-color: #d39e00;
    --bs-btn-focus-shadow-rgb: 222,170,12;
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: #d39e00;
    --bs-btn-active-border-color: #c69500;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107;
}
.btn-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #007bff;
    --bs-btn-border-color: #007bff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0056b3;
    --bs-btn-hover-border-color: #004085;
    --bs-btn-focus-shadow-rgb: 0,123,255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #004085;
    --bs-btn-active-border-color: #003566;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #007bff;
    --bs-btn-disabled-border-color: #007bff;
}
.btn-teal {
    --bs-btn-color: #fff;
    --bs-btn-bg: #20c997;
    --bs-btn-border-color: #20c997;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1aa179;
    --bs-btn-hover-border-color: #188f6d;
    --bs-btn-focus-shadow-rgb: 32,201,151;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #188f6d;
    --bs-btn-active-border-color: #167c62;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #20c997;
    --bs-btn-disabled-border-color: #20c997;
}
.btn-olive {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5a6268;
    --bs-btn-hover-border-color: #545b62;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #545b62;
    --bs-btn-active-border-color: #4e555b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}
.btn-magenta {
    --bs-btn-color: #fff;
    --bs-btn-bg: #e83e8c;
    --bs-btn-border-color: #e83e8c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d63384;
    --bs-btn-hover-border-color: #c82379;
    --bs-btn-focus-shadow-rgb: 232,62,140;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c82379;
    --bs-btn-active-border-color: #bd215f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e83e8c;
    --bs-btn-disabled-border-color: #e83e8c;
}
.btn-coral {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ff6f61;
    --bs-btn-border-color: #ff6f61;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff5a4a;
    --bs-btn-hover-border-color: #ff4d3a;
    --bs-btn-focus-shadow-rgb: 255,111,97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ff4d3a;
    --bs-btn-active-border-color: #ff3927;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff6f61;
    --bs-btn-disabled-border-color: #ff6f61;
}
.btn-lime {
    --bs-btn-color: #212529;
    --bs-btn-bg: #cddc39;
    --bs-btn-border-color: #cddc39;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #c0d528;
    --bs-btn-hover-border-color: #b3ce18;
    --bs-btn-focus-shadow-rgb: 205,220,57;
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: #b3ce18;
    --bs-btn-active-border-color: #a6c810;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: #cddc39;
    --bs-btn-disabled-border-color: #cddc39;
}
.bg-purple {
    background-color: #6f42c1 !important;
    color: #fff;
}

.bg-aqua {
    background-color: #17a2b8 !important;
    color: #fff;
}

.bg-green {
    background-color: #28a745 !important;
    color: #fff;
}

.bg-yellow {
    background-color: #ffc107 !important;
    color: #212529;
}

.bg-blue {
    background-color: #007bff !important;
    color: #fff;
}

.bg-teal {
    background-color: #20c997 !important;
    color: #fff;
}

.bg-olive {
    background-color: #6c757d !important;
    color: #fff;
}

.bg-magenta {
    background-color: #e83e8c !important;
    color: #fff;
}

.bg-coral {
    background-color: #ff6f61 !important;
    color: #fff;
}

.bg-lime {
    background-color: #cddc39 !important;
    color: #212529;
}