import Radium from 'radium'

const styles = {
  backgroundColor: '#ff0000',
  width: 320,
  padding: 20,
  borderRadius: 5,
  border: 'none',
  outline: 'none',
  ':hover': {
    color: '#fff',
  },
  ':active': {
    position: 'relative',
    top: 2,
  },
  '@media (max-width: 480px)': {
    width: 160,
  }
};

const Button = () => (
  <button style={styles}>Kliknij mnie!</button>
);
   
export default Radium(Button)