<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
jQuery(document).ready(function() {
    // Hide the button text initially
    jQuery('.apointment-btn .elementor-button-text').hide();

    // When clicking on the icon
    jQuery('.apointment-btn .elementor-button-icon').click(function(event) {
        // Prevent the default behavior of the link
        event.preventDefault();
        // Show the full button text without the icon
        jQuery('.apointment-btn .elementor-button-text').show();
        // Hide the icon
        jQuery(this).hide();
    });

    // Disable click events on the wrapper around the icon
    jQuery('.apointment-btn .icon-wrapper').click(function(event) {
        event.stopPropagation(); // Prevent the click event from bubbling up
    });
});
</script>
<!-- end Simple Custom CSS and JS -->
