.btn-primary {
    color: var(--color-white);
    background-color: var(--color-pri);
    border-color: var(--color-pri);
}

.btn-primary:hover {
    background-color: var(--color-pri-active);
    border-color: var(--color-pri-active);
}

.btn-outline-primary {
    color: var(--color-pri);
    border-color: var(--color-pri);
}

.btn-outline-primary:hover {
    color: var(--color-pri-active);
    border-color: var(--color-pri-active);
    background-color: var(--color-white);
}