Text und icon im Button zentrieren

[Sempervivum]

Ich nehme an, Du willst die Bilder und die Texte in den Buttons vertikal zentrieren? Dann ist Flexlayout dein Freund:

Code:

button {
    display: inline-flex;
    align-items: center;
}

An deinem HTML und CSS ist darüber hinaus noch vieles, sagen wir mal, verbesserungsfähig:
Vergiss float und benutze statt dessen konsequent Flex und Grid.
Ich nehme an mit footerl und footerr meinst Du linken und rechten Footer? Erst Mal gibt es diese HTML-Elemente nicht. Du kannst zwar selbst welche definieren, aber das ist in den meisten Fällen nicht nötig. Eine Möglichkeit:

Code:

<footer class="left">

und

Code:

<footer class="right">

. Oder nur ein footer und darin zwei Elemente für links und rechts.