<motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.97 }}>
  <motion.button
    initial={{"opacity":0}}
    animate={{"opacity":1}}
    transition={{"type":"tween","duration":0.8,"delay":0,"ease":[0.42,0,0.58,1],"repeat":0,"repeatType":"loop"}}
    style={{
      backgroundColor: "#EFFF4F",
      color: "#000",
      borderRadius: "20px",
      backdropFilter: "none",
      boxShadow: "0 4px 10px rgba(0,0,0,0.2)",
      fontSize: "16px",
      border: "none",
      transition: "all 0.3s ease"
    }}
    className="relative px-8 py-3 font-medium select-none flex items-center gap-2 justify-center"
  >
    <motion.div
      animate={{ rotate: [0, -20, 20, -15, 15, -10, 10, -5, 5, 0] }}
      transition={{ duration: 1.5, ease: "easeInOut", repeat: 0 }}
    >
      <Bell className="w-5 h-5" />
    </motion.div>
    Click Me
  </motion.button>
</motion.div>