Here's how I implement translations for website animations:

I've been having a lot of fun building code-based animations for websites.

Here's why I like them:

By default, shadcn/ui tooltips are dark and have a triangle arrow.

Personally, I style my tooltips with a neutral colour and remove the arrow. To me, it looks cleaner and more minimal.

I feel like bright red buttons meant for destructive actions like delete, remove, etc, can make the UI look jarring.

So I tend to make the destructive states red only on hover/focus.