RT jhey 🔨🐻✨
CSS Tip! 🤙
You could use CSS :has() to power a context-aware custom cursor experience 👆
:root:has(.player:hover) {--active: 1;}
.cursor {scale: var(--active);}
:root:has(.player:hover > [aria-label="Pause"])
.cursor-pause-icon {
display: block;
}
@CodePen link below! 👇 https://t.co/ntfuo0iiWq

https://twitter.com/jh3yy/status/1641416839648428032