Language Learning Card - Copy this React, Tailwind Component to your project

Design a modern, minimalistic, and animated word card UI that inspires language learning. The card should have a soft, light background with a glassmorphism or neomorphism effect, creating a smooth and pleasant feel. ✨ Animations & Interactions: Entrance Animation: The card should gently fade in with a subtle scale-up effect when appearing. Hover Effects: Buttons should have a smooth color transition and slight elevation on hover. Flip Animation: When clicking a word, the card should flip (3D effect) to reveal its definition and pronunciation. Button Press: Clicking a button should create a ripple effect and a smooth shrinking-grow animation for feedback. Exit Animation: When moving to the next word, the current card should slide out to the left, while a new one slides in from the right. 🎨 UI Design: At the center, display the word clearly in a stylish, modern font, accompanied by its pronunciation and a brief definition. Below, include four buttons: Again (Red-Orange) → Needs immediate review. Hard (Orange-Yellow) → Difficult word, requires short-term review. Good (Green-Mint) → Remembered fairly well. Easy (Blue-Purple) → Fully mastered. The overall design should feel joyful, modern, and interactive, making language learning fun and engaging.