/* Bootstrap overrides */
.btn-primary {
    --bs-btn-bg: #008 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-focus-color: #fff !important;
    --bs-btn-color: #fff !important;
    --bs-btn-border-color: #0ff0 !important;
    --bs-btn-disabled-border-color: transparent !important;
    --bs-btn-focus-border-color: transparent !important;
    --bs-btn-active-border-color: transparent !important;
    background-clip: content-box;
    background:#008;
    margin-top: 1em;
    outline: none;
    transition: 0.5s;
    display: block;
    box-sizing: content-box;
    cursor: pointer;
    border: solid 0.1em;
    margin-right: 1em;
}

.btn-secondary {
    --bs-btn-border-color: #0ff0 !important;
    --bs-btn-disabled-border-color: transparent !important;
    --bs-btn-focus-border-color: transparent !important;
    --bs-btn-active-border-color: transparent !important;
}


.btn:hover {
    text-decoration: none !important;
    --bs-btn-hover-color: #fff !important;
}

.btn {
    --bs-btn-border-radius: 0 !important;
    --bs-btn-padding-x: 1em !important;
    --bs-btn-padding-y: 1em !important;
    border-radius: 0;
}

.btn:hover {
    color: white !important;
    --bs-btn-border-color: transparent !important;
}

.btn-primary.disabled {
    cursor: not-allowed !important;
    background: #008c !important;
}


@keyframes glow {
    0% {--bs-btn-border-color: #0ff !important;}
    50% {--bs-btn-border-color: #099 !important;}
    100% {--bs-btn-border-color: #0ff !important;}
}

@keyframes glow2 {
    0% {--bs-btn-border-color: #3337 !important;}
    50% {--bs-btn-border-color: #3334 !important;}
    100% {--bs-btn-border-color: #3337 !important;}
}