/* Footer and Link Styles */

footer {
  border-top: 1px solid var(--light-gray);
  background-color: var(--cream-white);
}

footer h5, footer h2 {
  font-family: 'Playfair Display', serif;
}

footer a {
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
}

footer a::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--primary-pepper);
  transition: width 0.3s ease;
}

footer a:hover::after {
  width: 100%;
}

footer a:hover {
  color: var(--primary-pepper);
}

@media (max-width: 768px) {
  footer {
    padding: 2rem 1rem;
    text-align: center;
  }
}