> For the complete documentation index, see [llms.txt](https://docs.chathq.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chathq.io/api-and-developer-docs/css-and-javascript/floating-action-button-fab.md).

# Floating Action Button (FAB)

Change the behavior of the "pulse" animation on the Engagement Widget trigger button

{% hint style="success" %}
When adding the widget inside HighLevel, copy the CSS code only (*everything except the \<style> and \</style> tags*) and paste it inside your agency's *Custom CSS* section instead of the *Custom Javascript* section.
{% endhint %}

### Disable FAB Animation

Add the following style tag right after the widget installation script to completely disable the "pulse" animation on the Engagement Widget's trigger button:

```html
<style>
#engagement-widget-fab-wrapper::before {
    animation: unset;
}
</style>
```

### Set Number of FAB "Pulses"

Add the following style tag right after the widget installation script to keep the animation but limit it to only a number of "pulses" (replace the number 3 below with your desired number of "pulses"):

```html
<style>
#engagement-widget-fab-wrapper::before {
    animation-iteration-count: 3;
}
</style>
```