.social-shares {

  margin: 0;
  padding: 0;

  li {

    display: inline-block;
    margin: 0.3em;
    border-radius: 3px;
    
    a {

      padding: 0.5em 0.7em;
      border: 1px solid transparent;
      display: block;

      i {

        color: white;
        font-size: 1.2em;
        width: 1em;
        display: inline-block;
        text-align: center;

      }

    }

  }

  .share-mail {

    a {
      border: 1px solid $oa-gray-light;
    }

    i {

       font-size: 1.2em;
       width: 0.95em;
       display: inline-block;
       text-align: center;
       padding: 0;
       margin: 0;
       color: $oa-gray;

    }

  }

  .fb {

     background-color: $facebook-color;
     border-color: $facebook-color;

  }

  .gp {

     background-color: $google-color;
     border-color: $google-color;

  }

  .li {

     background-color: $linkedin-color;
     border-color: $linkedin-color;

  }

  .tw {

     background-color: $twitter-color;
     border-color: $twitter-color;

  }

  .tb {

     background-color: $tumblr-color;
     border-color: $tumblr-color;

  }

  .pt {

     background-color: $pinterest-color;
     border-color: $pinterest-color;

  }

}