@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
* {
  font-family: 'Open Sans', 'sans-serif';
}

.float-outer {
  float: left;
  position: relative;
  left: 50%; /* Pushes the start of the container to the exact middle */
}

.float-inner {
  float: left;
  position: relative;
  left: -50%; /* Pulls the content back by half of its own width */
}

.download {
  width: 200px;
  height: 75px;
  background: black;
  float: left;
  position: relative;
  padding: 10px 10px;
  margin: 5px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  border: 1px solid #fff;
}

.download > .fa {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}

.df,
.dfn {
  position: absolute;
  left: 80px;
}

.df {
  top: 10px;
  font-size: .68em;
}

.dfn {
  top: 33px;
  font-size: 1.08em;
}

.download:hover {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}