How to align the text with the image in the button in the center?

Question

css

I'm making a button with an icon - https://code.sololearn.com/WJ9489HEocY4

But I can't make both text and image centered, both vertically and horizontally.
At the moment, I have achieved that the picture is centered, and the text is not vertical.


Tell me, please, how can I fix it? Preferably in my example

Answer 1

.button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

I ran out of the daily limit for comments)
mochenkov , Give id/class and apply styles to it, I don't know if it's an underline from the link, set it to text-decoration: none