Why tailwind class `group` does'nt apply in my filament

<div class="group">
                        <div class="filament"></div>
                        <button class="group-hover:text-red-500">Hover me!</button>
                </div>