.btn { --bs-btn-padding-x: 1.25rem; --bs-btn-border-radius: var(--bs-border-radius); font-weight: 500; display: inline-flex; justify-content: center; align-items: center; column-gap: 0.625rem; min-height: 2.688rem; transition-property: color, background-color, border-color, box-shadow, opacity; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); 
    .bi { display: inline-flex; }
    
    &.btn-link { --bs-btn-padding-x: 0; text-decoration: none; }
    &.btn-success { --bs-btn-bg: var(--clr-success); --bs-btn-border-color: var(--clr-success); --bs-btn-hover-bg: var(--clr-success-110); --bs-btn-hover-border-color: var(--clr-success-110); }
    &.btn-outline-success { --bs-btn-color: var(--clr-success); --bs-btn-border-color: var(--clr-success); --bs-btn-hover-border-color: var(--clr-success); --bs-btn-hover-bg: var(--clr-success); --bs-btn-hover-color: #fff; }
    &.btn-outline-light { --bs-btn-color: #fff; --bs-btn-border-color: rgba(255,255,255,.6); --bs-btn-hover-border-color: #fff; --bs-btn-hover-bg: #fff; --bs-btn-hover-color: var(--clr-primary); }
    &.btn-primary-100 { --bs-btn-bg: var(--clr-primary-10); --bs-btn-border-color: var(--clr-primary-10); --bs-btn-hover-bg: var(--clr-primary); --bs-btn-hover-border-color: var(--clr-primary); --bs-btn-hover-color: #fff; }
    &.btn-white { --bs-btn-bg: #fff; --bs-btn-border-color: var(--bs-border-color); --bs-btn-hover-bg: var(--clr-primary); --bs-btn-hover-border-color: var(--clr-primary); --bs-btn-hover-color: #fff; }
    &.btn-danger-light { --bs-btn-color: #dc2626; --bs-btn-bg: #fee2e2; --bs-btn-border-color: #fee2e2; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dc2626; --bs-btn-hover-border-color: #dc2626; --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dc2626; --bs-btn-active-border-color: #dc2626; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc2626; --bs-btn-disabled-border-color: #dc2626; }
    &.btn-outline-secondary { --bs-btn-bg: #fff; --bs-btn-border-color: #e5e7eb; }

    &.btn-sm { min-height: 2.375rem; --bs-btn-padding-x: 1rem; }
    &.btn-lg { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1.75rem; --bs-btn-font-size: 0.938rem; min-height: 3.125rem; }

    &.btn-square { --bs-btn-padding-x: 0; min-width: 2.688rem; }
    &.btn-sm.btn-square { min-width: 2.375rem; } 
    &.btn-lg.btn-square { min-width: 3.125rem; } 
}

.btn-group {
    &.btn-group--week-select {
        .btn--prev, .btn--next { font-size: 1.6rem; }
        .btn--date { width: 100%; pointer-events: none; }
    }
}


.btn.btn-primary { border: none; }