.custom-btn:focus {
    box-shadow: 0 0 0 0.2rem #CC96703b;
}

.custom-btn:hover {
    background-color: #b88967;
    border-color: #CC9670;
    color: #ffffff;
    box-shadow: 4px 5px 11px 3px #CC96703b;
}

.custom-btn-filled:hover {
    background-color: #b88967;
    color: #fff;
    box-shadow: 4px 5px 11px 3px #CC96703b;
}

.custom-btn:active {
    box-shadow: 0 0 0 0.2rem #CC96703b !important;
}

.custom-btn {
    border-color: #CC9670;
    color: #CC9670;
}

.custom-btn-filled {
    background-color: #CC9670;
    border-color: #CC9670;
    color: #ffffff;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #CC9670;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.1rem #CC96703b;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #CC9670 !important;
    background-color: #CC9670 !important;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: #CC9670;
    border-color: #CC9670;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #CC9670;
}

.custom_blue_button {
    background-color: #5CBAF0;
    color: #fff;
    box-shadow: 4px 5px 11px 3px #5CBAF03b;
}

.custom_blue_button:hover {
    background-color: rgb(67, 164, 228);
    color: #fff;
    border: 1px solid #5CBAF0;
}