/*
.btn-subtle.btn-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: var(--bs-primary-bg-subtle);
    --bs-btn-border-color: var(--bs-primary-border-subtle);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: rgb(91.2, 84, 191.2);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(91.2, 84, 191.2);
    --bs-btn-active-border-color: rgb(85.5, 78.75, 179.25);
    --bs-btn-active-shadow: var(--bs-box-shadow-inset);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary)
}

.btn-subtle.btn-secondary {
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: var(--bs-secondary-bg-subtle);
    --bs-btn-border-color: var(--bs-secondary-border-subtle);
    --bs-btn-hover-color: var(--bs-body-color);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: rgb(97.6, 101.6, 123.2);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(97.6, 101.6, 123.2);
    --bs-btn-active-border-color: rgb(91.5, 95.25, 115.5);
    --bs-btn-active-shadow: var(--bs-box-shadow-inset);
    --bs-btn-disabled-color: var(--bs-gray);
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-subtle.btn-secondary:not(:disabled):not(:active) {
    color: var(--bs-btn-color) !important;
}

.btn-subtle.btn-success {
    --bs-btn-color: var(--bs-success);
    --bs-btn-bg: var(--bs-success-bg-subtle);
    --bs-btn-border-color: var(--bs-success-border-subtle);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-success);
    --bs-btn-hover-border-color: rgb(4.8, 171.2, 128);
    --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(4.8, 171.2, 128);
    --bs-btn-active-border-color: rgb(4.5, 160.5, 120);
    --bs-btn-active-shadow: var(--bs-box-shadow-inset);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-success);
    --bs-btn-disabled-border-color: var(--bs-success)
}

.btn-subtle.btn-info {
    --bs-btn-color: var(--bs-info);
    --bs-btn-bg: var(--bs-info-bg-subtle);
    --bs-btn-border-color: var(--bs-info-border-subtle);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-info);
    --bs-btn-hover-border-color: rgb(64, 132, 192.8);
    --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(64, 132, 192.8);
    --bs-btn-active-border-color: rgb(60, 123.75, 180.75);
    --bs-btn-active-shadow: var(--bs-box-shadow-inset);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-info);
    --bs-btn-disabled-border-color: var(--bs-info)
}

.btn-subtle.btn-warning {
    --bs-btn-color: var(--bs-warning);
    --bs-btn-bg: var(--bs-warning-bg-subtle);
    --bs-btn-border-color: var(--bs-warning-border-subtle);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: rgb(255, 215.9, 124.95);
    --bs-btn-hover-border-color: rgb(255, 213.6, 117.3);
    --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
    --bs-btn-active-color: var(--bs-dark);
    --bs-btn-active-bg: rgb(255, 218.2, 132.6);
    --bs-btn-active-border-color: rgb(255, 213.6, 117.3);
    --bs-btn-active-shadow: var(--bs-box-shadow-inset);
    --bs-btn-disabled-color: var(--bs-dark);
    --bs-btn-disabled-bg: var(--bs-warning);
    --bs-btn-disabled-border-color: var(--bs-warning)
}

.btn-subtle.btn-danger {
    --bs-btn-color: var(--bs-danger);
    --bs-btn-bg: var(--bs-danger-bg-subtle);
    --bs-btn-border-color: var(--bs-danger-border-subtle);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-danger);
    --bs-btn-hover-border-color: rgb(191.2, 56.8, 88.8);
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(191.2, 56.8, 88.8);
    --bs-btn-active-border-color: rgb(179.25, 53.25, 83.25);
    --bs-btn-active-shadow: var(--bs-box-shadow-inset);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-danger);
    --bs-btn-disabled-border-color: var(--bs-danger)
}
*/
.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-theme-700); 
    --bs-btn-border-color: var(--bs-theme-700);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-theme-800);
    --bs-btn-hover-border-color: var(--bs-theme-800);
    --bs-btn-focus-shadow-rgb: 39, 88, 129;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-theme-800);
    --bs-btn-active-border-color: var(--bs-theme-800);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-theme-700);
    --bs-btn-disabled-border-color: var(--bs-theme-700);
}

.btn-outline-secondary {

    --bs-btn-color: var(--bs-theme-800);
    --bs-btn-border-color: var(--bs-theme-800);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-theme-800);
    --bs-btn-hover-border-color: var(--bs-theme-800);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-theme-800);
    --bs-btn-active-border-color: var(--bs-theme-800);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-theme-800);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-theme-800);
    --bs-gradient: none;
}

.btn-icon {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 0;
    block-size: calc(2.2505001rem + calc(var(--bs-border-width)* 2));
    font-size: 1.2890625rem;
    inline-size: calc(2.2505001rem + calc(var(--bs-border-width)* 2));
}

.btn-light {
    --bs-btn-color: var(--bs-theme-800);
    --bs-btn-bg: var(--bs-theme-100);
    --bs-btn-border-color: var(--bs-theme-100);
    --bs-btn-hover-color: var(--bs-body-color);
    --bs-btn-hover-bg: var(--bs-theme-500);
    --bs-btn-hover-border-color: var(--bs-theme-400);
    --bs-btn-focus-shadow-rgb: 226, 237, 247;
    --bs-btn-active-color: var(--bs-theme-50);
    --bs-btn-active-bg: var(--bs-theme-400);
    --bs-btn-active-border-color: var(--bs-theme-500);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-theme-50);
    --bs-btn-disabled-bg: var(--bs-theme-100);
    --bs-btn-disabled-border-color: var(--bs-theme-100);
}