<style>
  .pdf-footer {
    padding: 20px 10px;
  }

  .pdf-links {
    display: flex;
    justify-content: center;   /* centers horizontally */
    align-items: center;
    flex-wrap: wrap;           /* allows wrapping on small screens */
    gap: 20px;                 /* responsive spacing */
  }

  .pdf-links a {
    text-decoration: none;
    color: #9f6034;
    font-weight: 500;
    transition: color 0.3s ease, transform 0.2s ease;
  }

  .pdf-links a:hover {
    color: #ffffff;
    transform: translateY(-2px);
  }

  /* Optional: slightly larger tap targets on mobile */
  @media (max-width: 480px) {
    .pdf-links a {
      padding: 8px 12px;
    }
  }
</style>