/ all snippets

Apply Hover Effect to Elementor Button Icon

This CSS snippet applies a hover effect to the icon element of the Elementor Button widget.

If you don't have Elementor Pro, you can replace the prefix of "selector" with a CSS class you can define yourself. To add the CSS snippet, you can use the HTML widget.

Download Elementor Pro

.icon-hover-effect:hover .elementor-button .elementor-button-icon{
    opacity: 1;
    transform: scale(2) rotate(-135deg);
}