# 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>
```