.blog-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  margin: 0.85rem 0 1.15rem;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

.blog-share-label {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
  margin-right: 0.15rem;
}

.blog-share-btn {
  width: 2.15rem;
  height: 2.15rem;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #fff;
  color: #0f172a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  transition: transform 0.12s ease, background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

.blog-share-btn svg,
.blog-share-btn i {
  width: 0.95rem;
  height: 0.95rem;
  display: block;
  fill: currentColor;
  font-size: 0.92rem;
  line-height: 1;
}

.blog-share-btn:hover {
  transform: translateY(-1px);
  border-color: transparent;
  color: #fff;
}

.blog-share-btn.is-linkedin:hover { background: #0a66c2; }
.blog-share-btn.is-x:hover { background: #111827; }
.blog-share-btn.is-facebook:hover { background: #1877f2; }
.blog-share-btn.is-whatsapp:hover { background: #16a34a; }
.blog-share-btn.is-email:hover { background: #4f46e5; }
.blog-share-btn.is-copy:hover,
.blog-share-btn.is-device:hover { background: #0f172a; }

.blog-share-btn.is-copied {
  background: #ecfdf5 !important;
  border-color: #86efac !important;
  color: #166534 !important;
  transform: none;
}

@media (max-width: 640px) {
  .blog-share {
    width: 100%;
  }
}