Всем привет, подскажите как перебить стили в css-modules? // Btn.tsx <button className={styles.btn}>{children}</button> //

Question

Всем привет, подскажите как перебить стили в css-modules? // Btn.tsx <button className={styles.btn}>{children}</button> //

btn.module.css
.btn { outline: 2px solid red; }

// Page.tsx
<div className={styles.blue}>
<Btn>Blue</Btn>
</div>
<Btn>Red</Btn>

// page.module.css
.blue .btn {
outline-color: blue //не работает
}

.btn {
composes: .....btn;
outline-color: blue; // не работает
}

Не хотелось бы каждому вызову <Btn> прокидывать класс