:root {
    --blue: #28637e;
    --blue-bk: #1e90ff;
    --white: #ffffff;
    --green: #34CD01;
    --green-shadow: #96e07d;
    --gray: #9a9a9a;
    --gray-shadow: rgba(203, 201, 201, 0.94);
    --orange-light: #ED7549;
    --orange-light-shadow: #de8768;
}

.btn-primary {
    border-color:  var(--orange-light) !important;
    background-color: var(--orange-light) !important;
    color: var(--white) !important;
}

.btn-primary:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px var(--orange-light-shadow);
}

.btn-primary:focus, .btn-primary:active, .btn-primary.active {
    color: var(--white);
    background-color: var(--orange-light-shadow) !important;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn-outline-primary {
    border: 1px solid var(--orange-light) !important;
    background-color: transparent !important;;
    color: var(--orange-light) !important;;
}

.btn-outline-primary:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px var(--orange-light-shadow);
}

.btn-outline-danger {
    border: 1px solid var(--gray) !important;
    background-color: transparent !important;;
    color: var(--gray) !important;;
}

.btn-outline-danger:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px var(--gray-shadow);
}