Help needed with adding icons to buttons!
I am new to coding and struggling with adding icons to each button. If any classes need to be changed, please let me know. I am currently learning HTML and CSS and could use some guidance. Thank you!
Example:
.social-sharing {
display: block;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
}
.social-sharing ul.menu-social {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrapwrap;
flex-wrap: nowrap;
}
.social-sharing ul.menu-social li.telefono {
flex: 1 1 auto;
background-color: #3d3d3d;
}
.social-sharing ul.menu-social li.next {
flex: 1 1 auto;
background-color: #3d3d;
}
.social-sharing ul.menu-social li a {
display: block;
color: #fff;
text-decoration: none;
width: 100%;
height: 120px;
line-height: 40px;
}
<aside class="social-sharing">
<ul class="menu-social">
<li class="social-item telefono"><a href="#">Teléfono</a></li>
<li class="social-item telefono"><a href="#">Whatsapp</a></li>
</ul>
</aside>