.btn-anim {
  text-decoration: none;
  display: inline-block;
  margin: 6px;
}

.btn-anim span {
  display: inline-block;
  color: black;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: bold;
  animation: pulse-move 2s ease-in-out infinite;
  transition: all 0.3s ease;
}

/* Zielony */
.btn-anim.green span {
  background-color: #75DD75;
  box-shadow: 0 4px 12px rgba(117, 221, 117, 0.45);
}

/* Niebieski */
.btn-anim.blue span {
  background-color: #81DEFF;
  box-shadow: 0 4px 12px rgba(129, 222, 255, 0.45);
}

/* Wspólna animacja (pulsuje + lekko unosi) */
@keyframes pulse-move {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-4px) scale(1.03);
  }
}

/* Hover – zielony */
.btn-anim.green:hover span {
  animation: none;
  background-color: #5cc85c;
  transform: translateY(-6px) scale(1.06);
  box-shadow: 0 12px 25px rgba(117, 221, 117, 0.75);
}

/* Hover – niebieski */
.btn-anim.blue:hover span {
  animation: none;
  background-color: #5fd4ff;
  transform: translateY(-6px) scale(1.06);
  box-shadow: 0 12px 25px rgba(129, 222, 255, 0.75);
}