<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>