.hamburger-btn {
  display: none; /* Hide by default */
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

@media screen and (max-width: 425px) {
  .hamburger-btn {
    display: block; /* Show on smaller screens */
  }
  .nav-links {
    display: none; /* Hide nav by default on mobile */
  }
  .nav-links.active {
    display: flex; /* Show menu when active */
    flex-direction: column;
    position: absolute;
    top: 50px;
    left: 0;
    background: white;
    width: 100%;
    padding: 10px;
  }
}