refs #17602 [master] Add hover to sidefacet toggle buttons

* Add hover to sidefacet toggle buttons
* Use variable for hover color for the button.title
* Move the button.title styling configuration near to line 540 after .btn-transparent
* Change element description for .title hover

themes/finc/scss/_customVariables.scss

@@ -118,6 +118,8 @@ $btn-transparent-color: $steel !default;
 $btn-transparent-bg: transparent !default;
 $btn-transparent-border: $border-color !default;
 
+$button-title-hover-bg: $brand-secondary !default;
+
 // Padding for toolbar buttons in record view/detail view
 $record-view-toolbar-button-padding: .5rem;
 

themes/finc/scss/compiled.scss

@@ -1973,6 +1973,14 @@ footer {
   }
 }
 
+.facet-group:not(.active-filters) .title {
+  &:hover,
+  &:focus {
+    background-color: $button-title-hover-bg;
+    @include outline(1px);
+  }
+}
+
 //// Remove right-hand borders for facets on the right only,
 //// ONLY works when sidebar butts right border
 .sidebar.right {