<!-- source-hash: add1f167064802b0b0dca16550dcca5f -->
A responsive "Made with Love by Flamingo" branding component with hover effects and mobile-adaptive sizing. The component uses primitive CSS-in-JS for cross-framework compatibility and includes configurable sizing options.

## Key Components

- **MadeWithLove**: Main component with responsive behavior and hover interactions
- **MadeWithLoveProps**: TypeScript interface defining className, size variants, and mobile visibility options
- **sizeConfig**: Configuration object for sm/md/lg size variants with pixel-perfect specifications
- **Responsive Logic**: Mobile detection via window resize listener with 640px breakpoint
- **Hover Effects**: Interactive underline animation on logo/text hover

## Usage Example

```typescript
import { MadeWithLove } from './components/made-with-love';

// Basic usage
<MadeWithLove />

// With custom styling and size
<MadeWithLove 
  className="footer-branding" 
  size="lg"
  showOnMobile={false}
/>

// Small variant for compact layouts
<MadeWithLove size="sm" />
```

The component automatically handles mobile responsiveness, adjusts font sizes based on screen width, and provides a clean link to the Flamingo platform. All styles use primitive CSS properties for maximum compatibility across different React frameworks.