Разбейте стили так чтобы в одном файле были стили для одного компонента.
Включите css - модули, уберете 99% проблем.
дальше
import styles from './mybutton.module.scss'
...
<div className={styles.title}>
...
Общие стили вынесите в переменные и миксины.
стилизацию дочерних компонентов из родителя можно делать либо прокидыванием класса из пропсов,
либо путем добавления отдельных пропсов, например
<button outlined/>
в общем виде второй путь предпочтителен, если у вас много где родитель навешивает явные стили на дочерние компоненты - то тут определенно что-то не так в структуре стилей.
styled-components для мобилок норм, для веба мне лично не нравятся, лишний код.
