.btn-outline-primary:hover, .btn-primary  {
    background :linear-gradient(135deg,var(--brand) 0%,color-mix(in srgb,var(--brand),var(--brand-2)) 100%);
}

.btn-outline-secondary:hover {
    background :linear-gradient(135deg,var(--brand) 0%,color-mix(in srgb,var(--brand),var(--brand-2)) 100%);
}