Don’t set styles on elements that are specific to their use on only some parts of the page. It is highly unlikely you want all
<a> elements to have
Styles set on elements should be universal, something you know you want on all instances of the elements everywhere. They can be given styles using classes specific to their use.
You can give
.word-icon some negative margin-left to pull the span and icon closer together. But I would suggest this.
/* distribute horizontal space and make the icons wrap */
/* make the span and icon sit right next to each other, align vertically if needed */
/* push the span and icon away from each other again by whatever amount you want */