Changed style of event details button

components/calendar/CalendarEvent.vue

@@ -55,12 +55,12 @@ onMounted(() => {
   <UiPopover v-model:open="isPopoverDetailsOpen">
     <UiPopoverTrigger as-child>
       <button
-        class="text-xs px-2 py-1 block w-full text-left rounded-sm focus-visible:bg-red-200"
+        class="event text-xs px-2 py-1 block w-full text-left rounded-sm focus-visible:bg-red-200 transition-colors"
         :class="
           cn(
             event.category ? `event-${event.category.color}` : '',
             {
-              'italic': event.hidden,
+              'is-hidden': event.hidden,
               'rounded-r-none': isStartEvent,
               'rounded-l-none': isEndEvent,
             }