<a class="btn btn-primary">
  <span class="btn-download">
  <span class="icon-file-text-alt pull-right icon-3x"></span>
  <span class="text-left">
      This is a file name<br/>
      Size: 20Mb
    </span>
  <span class="icon-cloud-download pull-right icon-3x"></span>
  </span>
</a>

<a class="btn btn-default">
  <span class="btn-download">
  <span class="icon-file-text-alt pull-right icon-3x"></span>
  <span class="text-left">
      This is a file name<br/>
      Size: 193Mb
    </span>
  <span class="icon-cloud-download pull-right icon-3x"></span>
  </span>
</a>
body {
  padding: 10px;
}
.btn {
  margin: 5px;
  border-radius: 4px !important;
}
.btn .btn-download {
  display: flex;
  padding: 5px;
}

.btn .btn-download >span {
  margin:5px;
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css
  2. //netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css

External JavaScript

This Pen doesn't use any external JavaScript resources.