Hey Ash, at the top there, the filter buttons you’ve shown aren’t in a grid layout. They’re flowing naturally left to right, top to bottom. A horizontal flex with child wrapping would work much better.
For your buttons, go for one common style class on each of the buttons directly, including your All button. That filter button class should style the buttons but also assign the right & bottom margins to space them.
No matter what you’re going to face some issues with that All filter button, because it’s outside of the collection list. It’s just at a different level of flow than the other filter buttons. That won’t affect you on desktop, but on mobile you’ll either want to hide it ( if all is too many, anyway ), or give it its own line.
That should get you started.
I recommend you go find some cloneables that use filter buttons, and learn how they are doing the styling and layout to organize them responsively, it will help a lot. Even better if it’s using the same filter lib you’re already working with.