1<button style={{
2 ...(hasFocus && {
3 outline: '1px solid #13b3a4',
4 backgroundColor: '#e7fefc',
5 }),
6 ...(isHovered && {
7 borderColor: brColour,
8 backgroundColor: bgColour,
9 outline: 'none',
10 }),
11 }}
12>
13 add
14 </button>