Mobile first Result Summary Component

Feedback is welcome.

While adding the icons with css ::before, I had some issues positioning the text at the center in front of the icon. Found a way to do this using

:: before {
vertical-align: middle;
}

To my eyes anyway, it doesn't look perfectly centered still. Let me know if there's a better way I could've done this. Thanks for your time. Much appreciated