XF 2.2 Как изменить цвет кнопки?

[ФАКЕР]

Здравствуйте.

У меня есть шаблон tc_vkp_sideBlock.

В нём есть кнопка:

<xf:button class="button--main">
                                    <span class="button-text">{{ phrase('tc_vkp_not_available') }}</span>
                                </xf:button>

Как сделать эту кнопку например красной? с белым текстом?
И что бы изменения применились только для этой кнопки. (мб стиль отдельный написать)

 

[Skaiman]

<xf:button class="button--main myclass">
    <span class="button-text">{{ phrase('tc_vkp_not_available') }}</span>
</xf:button>

.button--main.myclass {
    background: red;
    .button-text {
        color: #fff;
    }
}