@import url('/assets/css/main.css');

/*
.btn-main {
    --bs-btn-color: hsl( var(--basic-h-pri), var(--basic-s-pri), 95% );
    --bs-btn-bg: hsl( var(--basic-h-pri), var(--basic-s-pri), 56.5% );
    --bs-btn-border-color: hsl( var(--basic-h-pri), var(--basic-s-pri), var(--basic-l-pri) );
    --bs-btn-hover-color: hsl( var(--basic-h-pri), var(--basic-s-pri), 97.5% );
    --bs-btn-hover-bg: hsl( var(--basic-h-pri), var(--basic-s-pri), var(--basic-l-pri-hover) );
    --bs-btn-hover-border-color: hsl( var(--basic-h-pri), var(--basic-s-pri), 45% );
    --bs-btn-focus-shadow-rgb: 54, 131, 247;
    --bs-btn-active-color: hsl( var(--basic-h-pri), var(--basic-s-pri), 97.5% );
    --bs-btn-active-bg: hsl( var(--basic-h-pri), var(--basic-s-pri), 45% );
    --bs-btn-active-border-color: hsl( var(--basic-h-pri), var(--basic-s-pri), 42.5% );
    --bs-btn-active-shadow: inset 0 3px 5px hsla(var(--basic-h-pri), var( --clr_bg_s ), 12.5%, 0.125);
    --bs-btn-disabled-color: hsl( var(--basic-h-pri), var(--basic-s-pri), 97.5% );
    --bs-btn-disabled-bg: hsl( var(--basic-h-pri), var(--basic-s-pri), var(--basic-l-pri) );
    --bs-btn-disabled-border-color: hsl( var(--basic-h-pri), var(--basic-s-pri), var(--basic-l-pri) );
}

.btn-outline-main {
    --bs-btn-color: hsl( var(--basic-h-pri), var(--basic-s-pri), var(--basic-l-pri) );
    --bs-btn-border-color: hsl( var(--basic-h-pri), var(--basic-s-pri), var(--basic-l-pri) );
    --bs-btn-hover-color: hsl( var(--basic-h-pri), var(--basic-s-pri), 97.5% );
    --bs-btn-hover-bg: hsl( var(--basic-h-pri), var(--basic-s-pri), var(--basic-l-pri-hover) );
    --bs-btn-hover-border-color: hsl( var(--basic-h-pri), var(--basic-s-pri), var(--basic-l-pri) );
    --bs-btn-focus-shadow-rgb: 54, 131, 247;
    --bs-btn-active-color: hsl( var(--basic-h-pri), var(--basic-s-pri), 97.5% );
    --bs-btn-active-bg: hsl( var(--basic-h-pri), var(--basic-s-pri), var(--basic-l-pri) );
    --bs-btn-active-border-color: hsl( var(--basic-h-pri), var(--basic-s-pri), var(--basic-l-pri) );
    --bs-btn-active-shadow: inset 0 3px 5px hsla(var(--basic-h-pri), var( --clr_bg_s ), 12.5%, 0.125);
    --bs-btn-disabled-color: hsl( var(--basic-h-pri), var(--basic-s-pri), var(--basic-l-pri) );
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: hsl( var(--basic-h-pri), var(--basic-s-pri), var(--basic-l-pri) );
    --bs-gradient: none;
}
*/

.btn-more {
    border-radius: 12.5%/87.5% 9px 9px;
    line-height: 1.125rem;
}