.sharetastic {
  color: #ccc;
  font-family: sans-serif;
  font-size: 13px;
  text-align: center;
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: webkit-wrap;
  -moz-flex-wrap: moz-wrap;
  -ms-flex-wrap: ms-wrap;
  -o-flex-wrap: o-wrap;
  flex-wrap: wrap;
 }
.sharetastic__svg {
    display: none; }
.sharetastic__button {
    border-radius: 50%;
    cursor: pointer;
    display: block;
    width: 26px;
    height: 26px;
    margin: 2px;
    overflow: hidden;
    position: relative;
    text-indent: 100%;
    transition: background-color 0.3s, color 0.3s;
    vertical-align: middle;
    white-space: nowrap; }
.sharetastic__button--facebook {
    background-color: #3a5795; }
.sharetastic__button--facebook:hover {
     background-color: #2c4270; }
.sharetastic__button--twitter {
    background-color: #1da1f2; }
.sharetastic__button--twitter:hover {
     background-color: #0c85d0; }
.sharetastic__button--googleplus {
	 background-color: #c53929; }
.sharetastic__button--googleplus:hover {
     background-color: #9b2d20; }
.sharetastic__button--linkedin {
    background-color: #0077b5; }
.sharetastic__button--linkedin:hover {
    background-color: #005582; }
.sharetastic__button--pinterest {
   background-color: #bd081c; }
.sharetastic__button--pinterest:hover {
   background-color: #8c0615; }
.sharetastic__button--tumblr {
   background-color: #35465c; }
.sharetastic__button--tumblr:hover {
   background-color: #222d3c; }
.sharetastic__button--flickr {
   background-color: #ff0084; }
.sharetastic__button--flickr:hover {
   background-color: #cc006a; }
.sharetastic__button--instagram {
   background-color: #e1306c; }
.sharetastic__button--instagram:hover {
    background-color: #c21c54; }
.sharetastic__button--email {
    background-color: #b8213b; }
.sharetastic__button--email:hover {
    background-color: #8d192d; }
.sharetastic__button--print {
    background-color: #0058a1; }
.sharetastic__button--print:hover {
    background-color: #003c6e; }
.sharetastic__icon {
    fill: #fff;
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }