I found the correct syntax using the sx property:
<ButtonSlider
sx={{
backgroundColor: dataSlider.buttonColor,
'&:hover':{
backgroundColor:dataSlider.buttonHoverColor
},
}}
variant="contained">
{data.buttonText}
</ButtonSlider>