title: group of footer buttons with css using element ui
body: <p>I am trying to replicate this complete using css, I don't get the footer buttons.</p>
  
  <p><a href="https://i.stack.imgur.com/etG51.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/etG51.png" alt="enter image description here"></a></p>
  
  <p>This is what I have achieved so far using el-card of element ui and css</p>
  
  <pre><code>     &lt;el-card&gt;
     &lt;div style="cursor: pointer;"&gt;
       &lt;p&gt;(15*47*14) Alternador Servo Toy &lt;/p&gt;
       &lt;img src="https://demo.facturador.pro/logo/imagen-no-disponible.jpg" class="img-thumbail img-custom"&gt;
  
     &lt;/div&gt;
     &lt;div class="card-footer" style="width: 100% ;"&gt;
       &lt;el-button-group style="width: 100% ; padding: 0px ;"&gt;
         &lt;el-button class="btn-primary-pos" size="mini" type="primary" icon="el-icon-edit"&gt;&lt;/el-button&gt;
         &lt;el-button class="btn-primary-pos" size="mini" type="primary" icon="el-icon-share"&gt;&lt;/el-button&gt;
         &lt;el-button class="btn-primary-pos" size="mini" type="primary" icon="el-icon-delete"&gt;&lt;/el-button&gt;
       &lt;/el-button-group&gt;
     &lt;/div&gt;
  
  
   &lt;/el-card&gt;
  </code></pre>
  
  <p>CSS is as follows    </p>
  
  <pre><code>    .btn-primary-pos {
     background-color: #007bff;
     border-color: #007bff #007bff #007bff;
     color: #FFF;
   }
  
   .btn-primary-pos:hover,
   .btn-primary-pos.hover {
     background-color: #0069d9;
     border-color: #0069d9;
     color: #FFF;
   }
  
  
   .card-footer {
     padding: 0px 0.75rem !important;
   }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/Thc4o.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Thc4o.png" alt="enter image description here"></a></p>
  
  <p><a href="https://element.eleme.io/#/es/component/card#con-imagenes" rel="nofollow noreferrer">https://element.eleme.io/#/es/component/card#con-imagenes</a></p>