title: Create button with icons bootstrap 3?
body: <p>I need to create this kind of button in Bootstrap 3:</p>
  
  <p><img src="https://i.stack.imgur.com/gc9ct.png" alt="Button Preview"></p>
  
  <p>The problem is that line between text and icon: I have tried a lot but still didn't get the same look :(</p>
  
  <p>Here is what I have for now</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.btn-default, .btn-default:active, .btn-default:focus{
      background-color:#fff;
      background-color: rgba(255,255,255, 1.0);
      -webkit-box-shadow: 0px 4px 0px 0px rgba(48, 174, 227, 1.0);
      -moz-box-shadow:    0px 4px 0px 0px rgba(48, 174, 227, 1.0);
      box-shadow:         0px 4px 0px 0px rgba(48, 174, 227, 1.0);
      border-top:1px solid rgba(48, 174, 227, 1.0);
      border-left:1px solid rgba(48, 174, 227, 1.0);
      border-right:1px solid rgba(48, 174, 227, 1.0);
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;a href="#" class="btn btn-default"&gt;&lt;i class="fa fa-lg fa-file-excel-o"&gt;&lt;/i&gt;Export to excel&lt;/a&gt;
  </code></pre>
  
  <p>Maybe the answer is in btn group, but that icon is clickable also :(</p>