body {
  background-color: #fff1e0;
  color: #333333;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul .social-images__action {
  display: inline-block;
  width: 180px;
  margin: 0 0 20px;
  text-align: center;
}

ul .social-images__action a {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

ul .social-images__action i {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-color: transparent;
}

ul .social-images__action svg {
  width: 100%;
  height: 100%;
}

ul .social-images__action span {
  display: block;
}

.social-images--default .social-images__wechat a i {
  background-image: url("../dist/wechat.png");
  background-image: url("../dist/wechat.svg"), none;
}

.social-images--default .social-images__weibo a i {
  background-image: url("../dist/weibo.png");
  background-image: url("../dist/weibo.svg"), none;
}

.social-images--default .social-images__linkedin a i {
  background-image: url("../dist/linkedin.png");
  background-image: url("../dist/linkedin.svg"), none;
}

.social-images--default .social-images__facebook a i {
  background-image: url("../dist/facebook.png");
  background-image: url("../dist/facebook.svg"), none;
}

.social-images--default .social-images__twitter a i {
  background-image: url("../dist/twitter.png");
  background-image: url("../dist/twitter.svg"), none;
}

.social-images--default .social-images__link a i {
  background-image: url("../dist/link.png");
  background-image: url("../dist/link.svg"), none;
}

.social-images--pink .social-images__wechat a i {
  background-image: url("../dist/wechat-pink.png");
  background-image: url("../dist/wechat-pink.svg"), none;
}

.social-images--pink .social-images__weibo a i {
  background-image: url("../dist/weibo-pink.png");
  background-image: url("../dist/weibo-pink.svg"), none;
}

.social-images--pink .social-images__linkedin a i {
  background-image: url("../dist/linkedin-pink.png");
  background-image: url("../dist/linkedin-pink.svg"), none;
}

.social-images--pink .social-images__facebook a i {
  background-image: url("../dist/facebook-pink.png");
  background-image: url("../dist/facebook-pink.svg"), none;
}

.social-images--pink .social-images__twitter a i {
  background-image: url("../dist/twitter-pink.png");
  background-image: url("../dist/twitter-pink.svg"), none;
}

.social-images--pink .social-images__link a i {
  background-image: url("../dist/link-pink.png");
  background-image: url("../dist/link-pink.svg"), none;
}

.social-images--white .social-images__wechat a i {
  background-image: url("../dist/wechat-white.png");
  background-image: url("../dist/wechat-white.svg"), none;
}

.social-images--white .social-images__weibo a i {
  background-image: url("../dist/weibo-white.png");
  background-image: url("../dist/weibo-white.svg"), none;
}

.social-images--white .social-images__linkedin a i {
  background-image: url("../dist/linkedin-white.png");
  background-image: url("../dist/linkedin-white.svg"), none;
}

.social-images--white .social-images__facebook a i {
  background-image: url("../dist/facebook-white.png");
  background-image: url("../dist/facebook-white.svg"), none;
}

.social-images--white .social-images__twitter a i {
  background-image: url("../dist/twitter-white.png");
  background-image: url("../dist/twitter-white.svg"), none;
}

.social-images--white .social-images__link a i {
  background-image: url("../dist/link-white.png");
  background-image: url("../dist/link-white.svg"), none;
}

.social-images--white a {
  background-color: #000;
}

.social-images--sprite .social-images__wechat a {
  background-color: #609700;
}

.social-images--sprite .social-images__weibo a {
  background-color: #e6162d;
}

.social-images--sprite .social-images__linkedin a {
  background-color: #0977b6;
}

.social-images--sprite .social-images__facebook a {
  background-color: #3c5a99;
}

.social-images--sprite .social-images__twitter a {
  background-color: #6aa9e0;
}

.social-images--sprite .social-images__link a {
  background-color: #27757B;
}

.social-images--sprite svg {
  fill: #fff;
}

.social-images--sprite svg + i {
  display: none;
}

/*# sourceMappingURL=demo.css.map */