CSS-in-JS Converter

Convert CSS to CSS-in-JS format

Framework

CSS

Converted Code

const _button = styled.div`
  padding: '10px 20px',
  backgroundColor: '#3b82f6',
  color: 'white',
  borderRadius: '8px',
`

const _button:hover = styled.div`
  backgroundColor: '#2563eb',
`

Generated CSS-in-JS

const _button = styled.div`
  padding: '10px 20px',
  backgroundColor: '#3b82f6',
  color: 'white',
  borderRadius: '8px',
`

const _button:hover = styled.div`
  backgroundColor: '#2563eb',
`