Button

<Button
  ui={{
    size: { h: '50', w: '150' },
    color: { txt: 'aqua', bg: 'midnightBlue' },
    border: { w: '2', style: 'solid', color: 'aqua', r: '0' },
    margin: { l: '20', t: '20' },
    content: { txt: 'HI', size: '1', space: '1' },
  }}
/>
<Button
  ui={{
    size: { h: '50', w: '150' },
    color: { txt: 'white', bg: '#db1a5e' },
    border: { w: '2', style: 'dotted', color: '#db1a5e', r: '5' },
    margin: { l: '20', t: '20' },
    content: { txt: 'HI', size: '1', space: '1' },
  }}
/>