Fontawesome Webflow [updated] -

a:hover .hover-slide transform: translateX(5px);

.sr-only position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; fontawesome webflow

→ Use fab not fas or far . Example: fab fa-github . a:hover

<i class="fa-solid fa-arrow-right hover-slide"></i> Then in Webflow Designer → : a:hover .hover-slide transform: translateX(5px)

Wrap an icon inside a Link Block:

.hover-slide transition: transform 0.2s ease;