<template>
  <v-card
    class="mx-auto"
    max-width="344"
  >
    <v-card-text>
      <div>Word of the Day</div>

      <div class="text-headline-large font-weight-black mb-4">be•nev•o•lent</div>

      <div class="mb-4">adjective</div>

      <div class="text-medium-emphasis">
        well meaning and kindly.<br>
        "a benevolent smile"
      </div>
    </v-card-text>

    <v-card-actions>
      <v-btn
        color="deep-purple-accent-4"
        text="Learn More"
        variant="text"
      ></v-btn>
    </v-card-actions>
  </v-card>
</template>
