How can I hide or add custom styles to the floating button?

To hide the floating button from displaying on a specific webpage, add the following HTML code to that webpage:

<style>
   .grsf-global .grsf-widget .grsf-widget-inner { display: none !important }
</style>

To add custom styling to the floating button, add the following HTML code to the webpage(s) that you are displaying the floating button:

<style>
   .grsf-global .grsf-widget .grsf-widget-inner {
      /* add your custom styles here */
      border-radius: 1px !important;
      text-transform: uppercase !important;
   }
</style>

To modify the placement of the floating button on mobile, add the following HTML code to the webpage(s) that you are displaying the floating button:

<style>
   @media screen and (max-width: 600px) {
      /* When the screen size is 600px or less */
      .grsf-global .grsf-widget .grsf-widget-inner {
         /* add your custom styles here */
         margin-top: 10px !important;
      }
   }
</style>