icon-text-btn.vue

<v-btn
  text
  outlined
  :class="{'text-none': true, clicked: individual == 'a relative'}"
  style="width: 100%; height: 100%;"
  @click="individual = 'a relative'; page++"
>
  <v-col
    cols="12"
  >
    <v-row
      width="100%"
      style="place-content: center; margin-bottom: 12px;"
    >
      <v-icon
        large
        color="rgb(0, 0, 0, 0.5)"
      >
        mdi-account-child
      </v-icon>
    </v-row>
    <v-row
      width="100%"
      style="place-content: center"
    >
      <span
        class="body-1"
        style="font-weight: bold;"
      >
        a relative
      </span>
    </v-row>
  </v-col>
</v-btn>