title: Vuetify.js: how to place button actions in v-card on left and right?
body: <p>In <code>v-card-actions</code> component of <code>v-card</code>, I want to  place one button on the left and the other on the right using <code>mr-0</code> (margin-right= 0), but the 2 buttons always stay close to each other.</p>
  
  <p>What I tried:</p>
  
  <ul>
  <li>Prop <code>left</code> and <code>right</code> for the buttons</li>
  <li><code>v-spacer</code> component between the buttons</li>
  </ul>
  
  <p>Code:</p>
  
  <pre><code>&lt;v-card&gt;
    &lt;v-card-title primary-title&gt;
      &lt;div&gt;
        &lt;h3 class="headline mb-0"&gt;Ttile&lt;/h3&gt;
        &lt;div&gt;Located two hours south of Sydney in the &lt;br&gt;Southern Highlands of New South &lt;/div&gt;
      &lt;/div&gt;
    &lt;/v-card-title&gt;
  
    &lt;v-card-actions&gt;
      &lt;v-btn left&gt;Share&lt;/v-btn&gt;
      &lt;v-spacer /&gt;
      &lt;v-btn right&gt;Explore&lt;/v-btn&gt;
    &lt;/v-card-actions&gt;
  &lt;/v-card&gt;
  </code></pre>
  
  <p><a href="https://codepen.io/begueradj/pen/XxQdEv?editors=1010" rel="noreferrer"><strong>Codepen</strong></a>.</p>
  
  <p>How to solve this?</p>