gistfile1.txt

%btn--social {
  border-width: 1px;
  border-style: solid;
  color: #FFFFFF;
  &:hover {
    color: #FFFFFF;
  }
  .socicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'socicon';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.5em;
  }
  .socicon:empty{
      width: 1em;
  }
}

.btn--twitter {
  @extend %btn--social;
  border-color: darken($twitter-primary, 15);
  background: $twitter-primary;
  &:hover {
    background: darken($twitter-primary, 5);
    border-color: darken($twitter-primary, 20);
  }
}

.btn--facebook {
  @extend %btn--social;
  border-color: darken($facebook-primary, 15);
  background: $facebook-primary;
  &:hover {
    background: darken($facebook-primary, 5);
    border-color: darken($facebook-primary, 20);
  }
}