Responsive social links using CSS and HTML

What are you most proud of, and what would you do differently next time?

I'm especially proud of the responsive website I built using the latest CSS properties, eliminating the need for SASS to manage variables or anidation.

.social-links {
  padding: 20px;
  & p {
    font-weight: 400;
    margin-bottom: 7px;
  }
  & a {
    text-decoration: none;
    color: var(--white-color);
    font-weight: 600;
  }
  .links {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
  }
}

What challenges did you encounter, and how did you overcome them?

The most challenging thing was to make the button because it did not cover 100% of the box and to overcome that I made it look like a box.