.detail-share-buttons {
  margin-top: 1.875rem;
  padding-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .9375rem;
  border-top: .0625rem solid #eee;
}

.detail-share-button {
  padding: .5rem .9375rem;
  display: flex;
  align-items: center;
  gap: .3125rem;
  color: #fff;
  border: 0;
  border-radius: .25rem;
  cursor: pointer;
  transition: all .3s;
  font-family: inherit;
  font-size: .8125rem;
  line-height: 1.25rem;
}

.detail-share-button svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.detail-share-button.facebook svg,
.detail-share-button.twitter svg { stroke: none; }

.detail-share-button.wechat svg,
.detail-share-button.weibo svg,
.detail-share-button.copy svg { fill: none; }

.detail-share-button.wechat { background: #07c160; }
.detail-share-button.wechat:hover { background: #069951; }
.detail-share-button.weibo { background: #e6162d; }
.detail-share-button.weibo:hover { background: #c11325; }
.detail-share-button.facebook { background: #1877f2; }
.detail-share-button.facebook:hover { background: #1464cc; }
.detail-share-button.twitter { background: #1da1f2; }
.detail-share-button.twitter:hover { background: #1886cc; }
.detail-share-button.copy { background: #707070; }
.detail-share-button.copy:hover { background: #5a5a5a; }

@media (max-width: 767px) {
  .detail-share-buttons { justify-content: center; }
}