> For the complete documentation index, see [llms.txt](https://docs.danielvoelk.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.danielvoelk.de/styling/style-active-button-premium.md).

# Style Active Button (Premium)

To style the active button, you can use the **`df-activebutton`** class, that gets automatically added to the active button.

For example:

This code makes the active button darker

```
.df-activebutton {
     filter: brightness(50%);
}
```

## Have the "Show all" button styled after page load

To have the all button already styled after page load, just add the df-activebutton class to the button.

## This is a Premium feature

Make sure to read how to get the Premium features in the following article:

{% content-ref url="/pages/fhWV5MTnXoFhDXA5lOwU" %}
[Get the Premium features](/gettings-started/get-the-premium-features.md)
{% endcontent-ref %}

## Where to add custom CSS?

This you can find on the following article page:

{% content-ref url="/pages/B9JJMa4W2rpTLvGz2azR" %}
[Where to add custom CSS?](/styling/where-to-add-custom-css.md)
{% endcontent-ref %}