Tagged Content Card - cannot remove pointer hover affect

<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.