Load More Button CSS

<style>
/** load more button with background-image examples
 ** to target a specific button, use its facet name
 ** .facetwp-facet-my_load_more .facetwp-load-more
 ** .facetwp-facet-my_load_more.facetwp-facet-load_more_pager button
 ** if your css is not being applied, check for adding specificity
 ** https://www.w3schools.com/css/css_specificity.asp
 ** or !important https://www.w3schools.com/css/css_important.asp
 **/

.facetwp-load-more {
  background-color: yellow;
}

.facetwp-facet-load_more_pager button {
  /* same as .facetwp-load-more */
}

.facetwp-load-more:hover {
  background-color: green;  
}

.facetwp-load-more:active {
  background-color: purple;
}

.facetwp-load-more:focus {
  background-color: orange;
}

.facetwp-load-more:visited {
  /* does not work */
}

.facetwp-facet-load_more_pager.is-loading button {
  /** similar to active/focus **/
}
</style>