Problem with changing size on Font Awesome Icon

I have a problem with this project I’m working on.
Live site
GitHub repo

The problem is that I can’t understand how I change the size on the icons in the bottom?!
The project is just started but I got stuck at this issue. I have used the icons before and never had problems with changing the size so I can’t understand what I’m doing wrong. :woman_shrugging:

<span class="fa-stack fa-2x">
      <a href="https://www.linkedin.com/in/louisenorrsen/" target="_blank">
           <i class="fab fa-linkedin"></i>
      </a>
      <a href="https://github.com/louisenorrsen" target="_blank">
           <i class="fab fa-github-square"></i>
      </a>
</span>
.fa-stack i {
    color: var(--pop);
    font-size: 2rem;
}
.fa-stack {
    display: flex;
    gap: 10px;
    font-size: 2rem;
    justify-content: right;
}