/**
 * News / page share buttons (admin Share Setting HTML uses these classes).
 */
.share-buttons .share-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s;
  text-decoration: none;
  border: 1px solid #e5e7eb;
  cursor: pointer;
  background: #fff;
  color: #1e293b;
}

.share-buttons .share-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.share-buttons .share-btn.weibo {
  background-color: #e6162d;
  color: #fff;
  border-color: #e6162d;
}

.share-buttons .share-btn.weibo:hover {
  background-color: #c41426;
}

.share-buttons .share-btn.qq {
  background-color: #12b7f5;
  color: #fff;
  border-color: #12b7f5;
}

.share-buttons .share-btn.qq:hover {
  background-color: #0fa3d4;
}

.share-buttons .share-btn.wechat {
  background-color: #07c160;
  color: #fff;
  border-color: #07c160;
}

.share-buttons .share-btn.wechat:hover {
  background-color: #06ad56;
}

.share-buttons .share-btn.facebook {
  background-color: #1877f2;
  color: #fff;
  border-color: #1877f2;
}

.share-buttons .share-btn.facebook:hover {
  background-color: #166fe5;
}

.share-buttons .share-btn.twitter {
  background-color: #1da1f2;
  color: #fff;
  border-color: #1da1f2;
}

.share-buttons .share-btn.twitter:hover {
  background-color: #1a91da;
}

.share-buttons .share-btn.linkedin {
  background-color: #0077b5;
  color: #fff;
  border-color: #0077b5;
}

.share-buttons .share-btn.linkedin:hover {
  background-color: #006399;
}

.share-buttons .share-btn.whatsapp {
  background-color: #25d366;
  color: #fff;
  border-color: #25d366;
}

.share-buttons .share-btn.whatsapp:hover {
  background-color: #20ba5a;
}

.share-buttons .share-btn.email {
  background-color: #6b7280;
  color: #fff;
  border-color: #6b7280;
}

.share-buttons .share-btn.email:hover {
  background-color: #4b5563;
}

.share-buttons .share-btn.copy {
  background-color: #6b7280;
  color: #fff;
  border-color: #6b7280;
}

.share-buttons .share-btn.copy:hover {
  background-color: #4b5563;
}

.share-buttons .share-btn svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}