Html class'ıyla özel oluşturduğum Tailwind css class'ı birlikte çalışmıyor

input.css

@tailwind base;
@tailwind components;
@tailwind utilities;

.event-button-secondary {
    height: 114px;
    max-width: 420px;
    @apply rounded-lg font-inter text-base-bold border-none bg-event-text-300 text-event-text-200 hover:bg-event-text-300 hover:text-event-text-200;
}

Html Sayfası:

Buraya yazdığım w-32 çalışmıyor

<button class="event-button-secondary w-32">Deactive</button>