詳細クラスのときしかつかったことないけど
ふつうに２つ分のクラスももてるの？
他の言語だと多重継承できないこと多いけど

.button{}
.button.color-red{}

じゃなくて

.button {}
.color-red {}

でも適用される？