.global_btn{
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-violet-bg);
    --bs-btn-border-color: var(--bd-violet-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #{shade-color($bd-violet, 10%)};
    --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
    --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-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #051741;
    --bs-btn-border-color: #181173;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b1b59;
    --bs-btn-hover-border-color: #0a37ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0b2659;
    --bs-btn-active-border-color: #0a37ca;
    --bs-btn-active-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 89, 255, 0.6);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #484747;
    --bs-btn-disabled-border-color: #565659;
}
.form-control:focus {
    border-color: #000000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 89, 255, 0.6);
}
ul {
    list-style-type: none;
}

li {
    display: inline-block;
}

input[type="checkbox"][id^="char"] {
    display: none;
}

label {
    border: 1px solid #fff;
    padding: 2px;
    height: 36px;
    overflow: hidden;
    display: block;
    position: relative;
    margin: 0px;
    cursor: pointer;
}

label.check:before {
    color: white;
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    transition-duration: 0.4s;
    transform: scale(1);
    z-index: 1;
    content: "✓";
    background-color: green;
}

label.check img {
    height: 30px;
    width: 30px;
}

:checked + label.check {
    border-color: darkgreen;
}

:checked + label.check:before {
    content: "✓";
    background-color: green;
    display: block;
    height: 30px;
    width: 30px;
    transform: scale(1);
    transition-duration: 0.4s;
}

:checked + label.check img {
    transform: scale(0.9);
}