.btn-primary {
    /*--bs-btn-font-weight: 600;*/
    --bs-btn-color: white;
    --bs-btn-bg: var(--youthin-green);
    --bs-btn-border-color: var(--youthin-green);
    --bs-btn-border-radius: 0px;
    /*--bs-btn-hover-color: var(--bs-white);*/
    --bs-btn-hover-bg: #244825;
    --bs-btn-hover-border-color: var(--youthin-orange);
    /*--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);*/
    /*--bs-btn-active-color: var(--bs-btn-hover-color);*/
    /*--bs-btn-active-bg: #{shade-color($bd-violet, 20%)};*/
    /*--bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};*/
}

.btn-outline-primary {
    /*--bs-btn-font-weight: 600;*/
    --bs-btn-color: black;
    --bs-btn-bg: white;
    --bs-btn-border-color: var(--youthin-green);
    --bs-btn-border-radius: 0px;
    --bs-btn-hover-color: black;
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: var(--youthin-orange);
    /*--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);*/
    /*--bs-btn-active-color: var(--bs-btn-hover-color);*/
    /*--bs-btn-active-bg: #{shade-color($bd-violet, 20%)};*/
    /*--bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};*/
}