.step-nav__button {
  position: fixed;
  bottom: var(--fab-offset);
  z-index: 100;

  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--fab-size);
  height: var(--fab-size);

  background-color: var(--light);
  border: 2px solid var(--deep-turquiose);
  border-radius: 50%;
  color: var(--dark);          
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.step-nav__button:hover {
  background-color: var(--light-turquiose);
}

/* Ecke unten links */
.step-nav__button--prev {
  left: var(--fab-offset);
}

/* rechts daneben – feste Position, auch wenn "Zurück" fehlt */
.step-nav__button--next {
  right: var(--fab-offset);
}

.step-nav__button svg {
  width: 20px;
  height: 20px;
}

.step-nav__button--prev svg {
  transform: rotate(180deg);
}