Tagged Content Card - cannot remove pointer hover affect

[Ec04222002]

<TaggedContentCard className="!transition-none !cursor-default !transform-none" key={project.id} thumbnail={project.thumbnail} title={project.title} description={project.subtitle} tags={project.links.map((link) => ( <a target="_blank" href={link.link}> {link.tag} </a> ))} />

I tried removing the default scale-up effect by passing in the !important to tailwind classes, it was able to remove the scale-up transition, but not the hover affect.

[nukeop]

I don't know much about Tailwind but it looks like you need to add hover: to your classes: https://tailwindcss.com/docs/hover-focus-and-other-states

[Ec04222002]

@nukeop thanks for the reply. I tried it by adding "!hover:cursor-default", which is the equivalent of "cursor: default!important", but it's still giving me the pointer cursor. Any other ideas? Or maybe could y'all add a fix to where if there is no "href" passed in then it should be like a default cursor?