.btn-link-icon {
  width: 38px;
  height: 38px;
  background-color: #999;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  transition: all .4s ease-in-out;
  svg {
    width: 24px;
    height: 24px;
  }
  &.btn-link-facebook-icon {
    background-color: $c-facebook-100;
    border-color: $c-facebook-100;
    color: #FFF;

    &:hover {
      background-color: $c-facebook-200;
      border-color: $c-facebook-200;
    }
  }

  &.btn-link-whatsapp-icon {
    background-color: $c-whatsapp-100;
    border-color: $c-whatsapp-100;
    color: #FFF;

    &:hover {
      background-color: $c-whatsapp-200;
      border-color: $c-whatsapp-200;
    }
  }

  &.btn-link-telegram-icon {
    background-color: $c-telegram-100;
    border-color: $c-telegram-100;
    color: #FFF;

    &:hover {
      background-color: $c-telegram-200;
      border-color: $c-telegram-200;
    }
  }

  &.btn-link-twitter-icon {
    background-color: $c-twitter-100;
    border-color: $c-twitter-100;
    color: #FFF;

    &:hover {
      background-color: $c-twitter-200;
      border-color: $c-twitter-200;
    }
  }

  &.btn-link-tumblr-icon {
    background-color: $c-tumblr-100;
    border-color: $c-tumblr-100;
    color: #FFF;

    &:hover {
      background-color: $c-tumblr-200;
      border-color: $c-tumblr-200;
    }
  }

  &.btn-link-linkedin-icon {
    background-color: $c-linkedin-100;
    border-color: $c-linkedin-100;
    color: #FFF;

    &:hover {
      background-color: $c-linkedin-200;
      border-color: $c-linkedin-200;
    }
  }

  &.btn-link-reddit-icon {
    background-color: $c-reddit-100;
    border-color: $c-reddit-100;
    color: #FFF;

    &:hover {
      background-color: $c-reddit-200;
      border-color: $c-reddit-200;
    }
  }

  &.btn-link-pinterest-icon {
    background-color: $c-pinterest-100;
    border-color: $c-pinterest-100;
    color: #FFF;

    &:hover {
      background-color: $c-pinterest-200;
      border-color: $c-pinterest-200;
    }
  }

  &.btn-link-pocket-icon {
    background-color: $c-pocket-100;
    border-color: $c-pocket-100;
    color: #FFF;

    &:hover {
      background-color: $c-pocket-200;
      border-color: $c-pocket-200;
    }
  }

  &.btn-link-email-icon {
    background-color: $c-email-100;
    border-color: $c-email-100;
    color: #FFF;

    &:hover {
      background-color: $c-email-200;
      border-color: $c-email-200;
    }
  }

  &.btn-link-copy-icon {
    background-color: $c-copy-100;
    border-color: $c-copy-100;
    color: #FFF;

    &:hover {
      background-color: $c-copy-200;
      border-color: $c-copy-200;
    }
  }

  &.is-rounded {
    border-radius: 5px;
  }

  &.is-whited {
    width: auto;
    height: auto;
    background-color: transparent;
    svg {
      width: 26px;
      height: 26px;
    }
  }
}