How to override the default hover background color in Bootstrap v5
button.btn:hover {
background-color: var(--bs-blue);
}<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<button type="button" class="btn btn-outline-primary b1">Primary</button>