How to extend styles in react component?

I have a task when I need to extend the styles of a certain element. I take the basic styles through the module, and the additional ones will need to be done inside the function that will be in the component.
How can I extend the styles inside the component if I have already added styles from the module there?

import style from './styles.module.css';

const optionalStyles = {
  margin: "30px"
}


<p className={`${style.subtitle} ${optionalStyles}`}>42</p>

>Solution :

<p style={optionalStyles} className={`${style.subtitle}}>42</p>