Hover over parent, rotate child (Change child styles on hover over parent)

This should be pretty simple to implement. I’ve found a couple of threads but they are either outdated or not as helpful as hoped.

All I’m trying to do is hover over a button and rotate an inline-block element wrapped by the button.

button:hover .phone-icon { transform: rotate(-10deg); }

Read-only link