Ustyled prop and close button

[rlesniak]

Despite setting closeButton: '-right-1 top-2 left-auto text-teal-500 border-none hover:bg-teal-500'

<SonnerToaster
  toastOptions={{
    unstyled: true,
    duration: 100_000,
    closeButton: true,
    classNames: {
      toast: 'group toast rounded-lg flex items-center gap-5 px-4 py-2 pr-6',
      content: ' flex items-center',
      closeButton:
        '-right-1 top-2 left-auto text-teal-500 border-none hover:bg-teal-500',
      success: 'bg-teal-100 border border-teal-200 text-teal-800 text-lg',
    },
  }}
/>

I still get hover style for close button. I dont want this