Build a **Loading State Action Button** component using React and Tailwind CSS. The component should be a self-contained, interactive button that transitions into a loading state when triggered.

### Layout & Structure
- The component consists of a single button element that dynamically switches its internal content based on a "loading" state.
- When idle, display a primary action label.
- When in the loading state, display a circular loading spinner icon positioned to the left of the text label.

### Visual Style
- Use a clean, modern aesthetic with generous padding, rounded corners (e.g., `rounded-lg`), and a high-contrast background color.
- Ensure the spinner icon matches the text color for visual harmony.
- Use a subtle transition effect when switching between the idle and loading states to ensure the layout shift feels smooth rather than jarring.

### Interactions
- Implement a clear hover effect (e.g., slight darkening or scale transformation) when the button is in the idle state.
- Disable the button interaction or add a "not-allowed" cursor while the loading spinner is active to prevent duplicate actions.
- Use Framer Motion or simple CSS keyframe animations for the spinner rotation.

### Responsiveness & Flexibility
- The button should have a flexible width that hugs its content, with a minimum width defined to prevent the button from resizing abruptly when the spinner appears.
- The component should accept a boolean prop (e.g., `isLoading`) to toggle the state externally and a `label` prop for the button text.
- Ensure the component is accessible by applying appropriate `aria-disabled` and `aria-busy` attributes during the loading state.