> Like imagine your company’s main “button” element. It’s got 8 different sizes, optional icons on both sides, animations, styles, each needing to support different color combos. Tailwind is miserable for that. You get giant huge balls of spaghetti classes all over your button, and it’s pretty incomprehensible.

.brand-btn {}

.brand-btn--inverted {}

.brand-btn--icon-right {}

.brand-btn--smaln {}

.brand-btn--smaller {}

.brand-btn--big {}

<button class="brand-btn brand-btn--icon-right brand-btn--small brand-btn--inverted" />

However, very rarely need too many combinations of the same button with a brand logo.