/* ================= Font Family =========== */
/* ================= Colors =========== */
/* ============== Define Color ============== */
/* ================= Font Size =========== */
/* ================= Padding =========== */
.btn-google-plus {
  background: #d64937;
  border: 1px solid #d64937;
  color: #ffffff;
}

.btn-linkedin {
  background: #0073af;
  border: 1px solid #0073af;
  color: #ffffff;
}

.btn-fb {
  background: #395796;
  border: 1px solid #395796;
  color: #ffffff;
}

.btn-twitter {
  background: #1c9deb;
  border: 1px solid #1c9deb;
  color: #ffffff;
}

.btn-instagram {
  background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
  color: #ffffff;
}

.btn-social:hover {
  color: #ffffff;
}

.btn-social {
  width: 45px;
  height: 35px;
}

.social-icon ul {
  list-style: none;
  padding: 10px 0 0 0;
}

.social-icon ul li {
  display: inline-block;
}

.social-icon ul li {
  margin: 20px 10px 0 0;
}

.social-icon ul li a {
  font-size: 16px;
  width: 30px;
  height: 30px;
  line-height: 31px;
}

.social-icon a.facebook span {
  background-color: #3b5998;
}

.social-icon a.twitter span {
  background-color: #00aced;
}

.social-icon a.google span {
  background-color: #dc4a38;
}

.social-icon a.youtube span {
  background-color: #bd181d;
}

.social-icon a.linkedin span {
  background-color: #007bb6;
}

.social-icon a.whatsapp span {
  background-color: #48c355;
}

.social-icon a.copyLink span {
  background-color: #444;
}

.social-icon a.copyLink input {
  height: 0;
  visibility: hidden;
}

.social-icon a {
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  text-align: center;
  z-index: 1;
}

.social-icon a:hover {
  color: #ffffff;
}

.social-icon a span {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  width: 0;
  z-index: -1;
}

.social-icon a:hover span {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  top: 0;
  left: 0;
}

.Sharing-a-caring .social-icon a span, .Sharing-a-caring .social-icon a:hover span {
  width: 60px;
  height: 60px;
  font-size: 30px;
  display: list-item;
  line-height: 60px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  position: static;
}

/*# sourceMappingURL=social-button.css.map */