How to change the color of a button text in VueJS

Question

Consider a ValidationButton component below:

<button class="validation-btn"></button>

I call my button like this:

<ValidationButton>Click to validate !</ValidationButton>

And CSS like this:

body {
 color: white;
}
.validation-btn {
  color: red;
}

What color will the button text be?

Accepted Answer

The text won't appear

Answer

Red

Answer

Black, the default color, as the CSS isn't applied

Answer

White

Question from the Vue.js test