我是一个初学者，我一直在工作的Angular ，并决定使用顺风的造型，因为每一个顺风类是内联的一个风格类的按钮变得巨大，为了使用该按钮，我必须使用该类无处不在。这使得代码看起来难以承受，并且维护成为一种痛苦。
我的问题是如何使一个按钮的风格全球使用顺风也我有按钮与多种风格一样button-no-bg，button-bg-red
我尝试使用@apply指令在angular的styles.css中定义它们

@tailwind base;
@tailwind components;
@tailwind utilities; 
.button-no-bg{
  @apply bg-white text-blue-500 border p-1 px-8  text-xs font-bold border-blue-500;
}
.button-red-bg{
  @apply ......;
}

为了避免代码重复，我想知道如何使一个按钮类具有多个按钮名称及其关联类的全局性。如果不是完整的答案，请分享参考。