Mostrar botón en un rango de horas

Buenas, espero que estéis bien

Comparto una solución que he programado para un cliente, en la que el boton solo aparece en un rango de horas

function join_button_visibility_wp_head() {
?>
<script>
  (function() {
    var joinButton = document.querySelector('.joinchat__button'); // selecciona el elemento HTML con la clase "joinchat__button"
    
    var now = new Date(); // obtiene la hora actual
    
    if (now.getHours() >= 9 && now.getHours() < 14) { // si la hora actual está entre las 9 de la ma?ana y las 9 de la noche
      joinButton.style.display = "block"; // muestra el botón
    } else {
      joinButton.style.display = "none"; // oculta el botón
    }
  })();
</script>
<?php
}
add_action('wp_head', 'join_button_visibility_wp_head');

Estaría bien incluirlo en el plugin

Esta desarrollado con js vanilla

En mi caso incluí rocket_clean_domain(); porque uso wp rocket