BootstrapVue - 悬停在带有顺风的按钮上

Question

我有如下代码：

          <router-link to="/auth/register">
            <b-button pill class="uppercase text-sm bg-green-500 hover:bg-red-500 border-none">Get Started</b-button>
          </router-link>

使用 bootstrap-vue 和 tailwind，我尝试创建一个带有悬停效果的按钮，悬停时我的按钮必须是 bg-red-500 颜色，但它不起作用，我的悬停按钮仍然是灰色，有人能告诉我我做错了什么吗？

感谢您的帮助