Adding icon to phone number and email link in footer.

How do I add a Fontawesome version 6.4.0 phone icon and an email icon in front of a phone and email link in footer? Kit has been added to header code injection. Would also like to have the links change to a custom color on hover. Is there a way to have both the link and icon change color as a unit on hover?

Hi,

What is your site url? We can help easier

Hi there! It's https://www.dogstartattoo.com/

First, add this line to Code Injection > Header

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  

Next, add this code under

<style>
  div#block-909a08383b33e7bf8e0a a[href*="tel"]:before {
    content: "\f095";
    font-family: "Font Awesome 6 Free";
    margin-right: 10px;
}
div#block-909a08383b33e7bf8e0a a[href*="mailto"]:before {
    content: "\f0e0";
    font-family: "Font Awesome 6 Free";
    margin-right: 10px;
}
</style>