.article-tools.design-share {
  background-color: transparent;
}

.article-share.design-share .article-share-item,
.article-tools.design-share .icon-tool {
  background-color: var(--share-light-color);
  transition: background-color 0.5s ease;
}

.article-share.design-share .article-share-item:hover,
.article-share.design-share .icon-tool:hover {
  background-color: var(--share-light-hover);
  transition: background-color 0.5s ease;
}

.article-share.design-share .article-share-item .strib-icon:before,
.article-share.design-share .share__comments.clickQS .share-link .share-label,
.article-tools.design-share .strib-save-article.strib-icon:before,
.article-tools.design-share .strib-gift-article.strib-icon:before,
.article-tools.design-share .strib-share-icon.strib-icon:before,
.article-tools.design-share .share-save-article-link span.strib-save-article-filled:before,
.article-tools .comment-count {
  color: var(--share-dark-color);
  transition: all 0.5s ease;
  border-color: var(--share-dark-color);
}

.article-share.design-share .article-share-item:hover .strib-icon:before,
.article-share.design-share .share-wrapper.comment-share-wrapper.article-share-item:hover .share__comments.clickQS .share-link .share-label {
  color: var(--share-dark-hover);
  transition: all 0.5s ease;
  border-color: var(--share-dark-hover);
}

.article-share.design-share .comment-share-wrapper.article-share-item svg#bubblePointer.bubble-tail .bubble-cover,
.article-tools.design-share .comment-count-btn .bubble-tail .bubble-cover {
  fill: var(--share-light-color);
  transition: fill 0.5s ease;
}

.article-share.design-share .comment-share-wrapper.article-share-item:hover svg#bubblePointer.bubble-tail .bubble-cover {
  fill: var(--share-light-hover) !important;
  transition: fill 0.5s ease;
}

.article-share.design-share svg#bubblePointer .bubble-pointer,
.article-tools.design-share .comment-count-btn .bubble-pointer {
  fill: var(--share-dark-color) !important;
  transition: fill 0.5s ease;
}

.article-share.design-share .comment-share-wrapper.article-share-item:hover svg#bubblePointer .bubble-pointer {
  fill: var(--share-dark-hover) !important;
  transition: fill 0.5s ease;
}

.article-share.design-share .comment-share-wrapper.article-share-item .share-count {
  color: var(--share-text-dark);
}

.article-share.design-share .comment-share-wrapper.article-share-item:hover .share-count {
  color: var(--share-text-dark-hover) !important;
}

/*# sourceMappingURL=share-color-kit.css.map */