How to properly align pseudo-element on flexbox?

Question

css

Hello. I would like the right icon (which is VK) to be aligned to the right, and everything else to the left. In this case, everything should be aligned vertically in the center. It is not possible to wrap elements in other tags
. How to fix it?
codepen.io/anon/pen/jrNdgE

Answer 1

Some kind of stupidity ..
codepen.io/anon/pen/ALAwYV
Why wrap everything (a)? At least wrap the text in a span ..
This would be more correct:
Codepen

Answer 2

a {
    display: flex;
    align-items: center;
    align-content: space-between;
    justify-content: space-between;
}