Vuetifyのv-colのbtnを右寄せにしたい

Question

一番下のボタンだけ右寄せにしたいのですがなりません。

<v-card width="500px" class="mx-auto mt-5">
  <v-container>
    <v-row>
     <v-col><v-btn>Left</v-btn></v-col>
      <v-col><v-btn>Center</v-btn></v-col>
      <v-col>
        <v-card-actions>
          <v-btn class="info" @click="submit">保存</v-btn>　← これだけ右寄せにしたい
        </v-card-actions>
      </v-col>
    </v-row>
  </v-container>
</v-card>

下記のようなことをしましたが全部右寄せになりません。よろしくお願いいたします。

<v-col justify="end"> 右寄せにならない

<v-col class="mr-0 ml-auto"> 右寄せにならない

<v-col>
<div style="text-align:right"> 右寄せにならない
～
</div>
</v-col>

Answer 1

<v-card-actions class="justify-end"> で右寄せになりました