Education is a power tool, so take a deep dive into what you need to know.

<style>
  root .ion-ios-arrow-forward {
  	color: black;
  }
</style>
<script defer>
// News & Resources Pagination
  
let prevText = document.querySelector(".wpgb-facet-4 li:first-child a").innerHTML == "Previous"
let nextText = document.querySelector(".wpgb-facet-4 li:last-child a").innerHTML == "Next"

const prevBtn = document.querySelector(".wpgb-facet-4 li:first-child a")
const nextBtn =  document.querySelector(".wpgb-facet-4 li:last-child a")

const prevIcon = document.createElement("i")
prevIcon.classList.add('ion-ios-arrow-back')
const nextIcon = document.createElement("i")
nextIcon.classList.add('ion-ios-arrow-forward')

function detectBtns() {
  prevText = document.querySelector(".wpgb-facet-4 li:first-child a").innerHTML == "Previous"
  nextText = document.querySelector(".wpgb-facet-4 li:last-child a").innerHTML == "Next"
  if (prevText) {
  	prevBtn.innerHTML = "<i class=></i>Previous"
  }
  if (nextText) {
  	 nextBtn.innerHTML += nextIcon
     console.log(nextBtn.innerHTML)
  }
}
  
const posts = document.querySelector("#brxe-jvftii")

const logMutations = function(mutations, observer) {
    mutations.forEach(function(mutation) {
           if (mutation.type === "childList") {
      console.log(`${mutation.type} - list updated`);
             detectBtns();
    }
    });
}

const observer = new MutationObserver(logMutations)
  
observer.observe(posts, { childList: true });

</script>