.site-footer {
  background: #000;
  color: white;
  padding: 20px 40px;
}

.footer-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}

.footer-copy {
  grid-column: 2;
  text-align: center;
}

.footer-socials {
  grid-column: 3;
  justify-self: end;
}


.footer-socials a {
  color: black;
  font-size: 20px;
  transition: transform 0.2s ease, color 0.2s ease;
  padding-right: 2em;
}


.footer-socials a:hover {
  transform: translateY(-3px);
  color: #00bcd4; /* adjust to your brand */
}

/* Mobile stacking */
@media (max-width: 768px) {
  .footer-inner {
    flex-direction: column;
    gap: 14px;
  }

  .footer-socials a{
    padding-right: 0em;
  }
}