.a-tom-nav {
  display: flex;
  justify-content: center; /* Buttons zentrieren */
  margin: 1.25rem 0;
}

.a-tom-nav__inner {
  display: flex;
  justify-content: center; /* statt space-between */
  align-items: center;
  gap: .9rem;
  flex-wrap: wrap; /* bricht um, wenn Platz knapp ist */
}

.a-tom-nav__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .5rem .9rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  line-height: 1;
  transition: transform .12s ease, opacity .12s ease;
  background: transparent;
}

.a-tom-nav__btn:hover { 
  transform: translateY(-1px); 
  opacity: .9;
}

.a-tom-nav__btn:active { 
  transform: translateY(0); 
}

.a-tom-nav__btn--prev { }

.a-tom-nav__btn--next { 
  margin-left: 0; /* entfernt Auto-Margin */
}

/* Farben (Dark Theme freundlich) */
.a-tom-nav,
.a-tom-nav__btn { 
  color: #00ff00; 
}

/* Mobile: etwas enger + größere Klickfläche */
@media (max-width: 640px) {
  .a-tom-nav__btn { 
    padding: .6rem 1rem; 
  }
  .a-tom-nav__inner { 
    gap: .6rem; 
  }
}