扩展样式以模仿引导类？

Question

我有一些模式出现，当发生这种情况时，我想将bootstrap类的样式应用于我选择的元素。原因是我不能直接访问有问题的元素，因为它们已经预先生成并输入到我的jinja模板中。

实施例： 每次我在表单中都有一个按钮，我希望我的自定义css扩展为模仿btn和btn-outline-primary类，并将它们的样式应用到我选择的按钮。比如说我修改了我扩展的样式，所以这个按钮也有小帽子。

我试过这个，但无济于事：

form button{
    @extend .btn
    @extend .btn-outline-primary
    font-variant: small-caps;
}

如何正确引用此外部样式表并扩展其类？对于没有附加组件的盒子的任何解决方案都是首选。