Vue CSS переиспользуемые классы

Как во Vue сделать переиспользуемый класс? Например,я хочу чтобы класс .button был глобальным для всех компонентов, а .test-button только для этого компонента. Как это можно сделать?

<template>
  <button class="button test-button"></button>
</template>

<style scoped>
.button {color: red;}
.test-button {background: green;}
</style>