Pillen-Button mit Druck

import { motion } from "framer-motion";

interface PressPillProps {
  text?: string;
  color?: string;
  scale?: number;
}

export default function PressPill({
  text = "Weiter",
  color = "#0071e3",
  scale = 0.96,
}: PressPillProps) {
  return (
    <motion.button
      type="button"
      whileTap={{ scale }}
      transition={{ type: "spring", stiffness: 300, damping: 30 }}
      className="rounded-full px-6 py-3 text-sm font-medium text-white shadow-[0_1px_2px_rgba(0,0,0,0.03),0_8px_28px_rgba(0,0,0,0.05)]"
      style={{ backgroundColor: color }}
    >
      {text}
    </motion.button>
  );
}