.btn-primary {
    background-color: var(--button-color) !important;
    border: 1px solid var(--button-color) !important;
    color: var(--white) !important;
    border-radius: unset;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: var(--white) !important;
    color: var(--button-color) !important;
    text-decoration: none !important;
    border: 1px solid var(--button-color) !important;
}

.btn:active {
    color: var(--bs-btn-active-color) !important;
    background-color: var(--s24green) !important;
    border-color: var(--bs-card-border-color) !important;
    outline: 2px dashed var(--button-color);
    outline-offset: 1px;
}