Build a responsive UI component that displays a collection of action buttons, each paired with a representative icon to enhance visual clarity and user navigation.

**Layout and Structure:**
The component should feature a horizontally aligned container that uses a flexbox layout with consistent spacing (gap-4) between items. Ensure the container is responsive, allowing buttons to wrap naturally onto the next line when the viewport width is constrained.

**Visual Style and Design:**
- **Buttons:** Use a modern design system approach with varied visual hierarchies for different actions. Include at least four distinct button variants: Primary (standard action), Secondary (supplementary action), Ghost/Tertiary (subtle action), and Destructive (danger/critical action).
- **Icons:** Integrate clear, minimalist SVG icons from a library like Lucide or Heroicons. Each button must pair an icon with a text label, placing the icon to the left of the text to serve as a visual anchor.
- **Typography:** Use a clean, sans-serif font with medium weight for button labels to ensure readability. 

**Interactions and States:**
- Implement subtle hover effects (e.g., slight background darkening or lift animation) for all buttons.
- The destructive button should have a distinct color profile (e.g., red-tinted) to signify its intent.
- Ensure all buttons have a consistent padding and border-radius (rounded-md or rounded-lg) to maintain a cohesive look.

**Required Content Areas:**
Create buttons for common administrative tasks, such as:
1. A navigation or search action.
2. A "create" or "add" action.
3. A communication or messaging action.
4. A removal or deletion action.

Ensure the code is modular, using a clean component structure that allows for easy scaling or adding additional action buttons in the future.