.btn {
    --bs-btn-padding-x: .8rem;
    --bs-btn-padding-y: 0.6rem;
}

.btn-sm,
.btn-group-sm > .btn {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.6rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.btn-lg {
    --bs-btn-font-size: 1rem;
}

.btn-rounded {
    --bs-border-radius: 2rem;
    --bs-btn-padding-x: .8rem;
}

.btn-secondary {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-hover-color: var(--bs-dark);

    --bs-btn-border-color: var(--bs-form-control-secondary);
    --bs-btn-bg: var(--bs-form-control-secondary);

    --bs-btn-hover-bg: var(--bs-form-control-secondary-hover);
    --bs-btn-hover-border-color: var(--bs-form-control-secondary-hover);
}

.btn-secondary:disabled {
    --bs-btn-disabled-color: var(--bs-color-gray);
    cursor: not-allowed;
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-form-control-secondary);
    border-color: var(--bs-form-control-secondary);
    opacity: var(--bs-btn-disabled-opacity);
}

.btn-secondary:disabled svg{
    fill: var(--bs-btn-disabled-color);
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-border-color: var(--bs-border-color);
    --bs-btn-hover-color: var(--bs-black);


    --bs-btn-hover-bg: var(--bs-white);

    --bs-btn-hover-border-color: var(--bs-border-color-translucent);

    --bs-btn-active-color: var(--bs-dark);
    --bs-btn-active-bg: var(--bs-white);

    --bs-btn-active-border-color: var(--bs-border-color-translucent);

    --bs-btn-disabled-color: orange;
    --bs-btn-disabled-border-color: coral;
}



.btn-danger-light{
    /*--bs-border-radius: 2rem;*/
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-bg: rgb(255, 240, 238);
    --bs-btn-hover-bg: #FFD8D3;
    --bs-btn-color: var(--bs-danger);
}

.btn-success-light {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-bg: rgb(219, 252, 227);
    --bs-btn-hover-bg: #befac5;
    --bs-btn-color: var(--bs-success);
}

.btn.onProgress {
    min-height: 43px;
}

.btn.onProgress .value {
    display: none;
}

.btn .spinner {
    display: none;
}

.btn.onProgress .spinner {
     display: block;
}