/* Card Container (Compact top/bottom padding) */
.tc-share-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 8px 12px;
  margin: 14px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.tc-share-heading {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.6px;
  color: #64748b;
  margin-bottom: 6px;
  text-transform: uppercase;
}

/* Button Layout */
.tc-share-grid {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Sabhi buttons ka base transition aur animation */
.tc-share-btn {
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: none;
  text-decoration: none !important;
  color: #ffffff !important;
  cursor: pointer;
  padding: 0;
  transition: transform 0.15s ease, opacity 0.15s ease;
}

/* Sabhi buttons (including Copy) hover par smooth lift animation karenge */
.tc-share-btn:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

/* Social Buttons Colors */
.tc-whatsapp {
  flex: 1;
  background-color: #00a884;
}

.tc-x {
  flex: 1;
  background-color: #0f1419;
}

.tc-telegram {
  flex: 1;
  background-color: #229ed9;
}

.tc-more {
  flex: 0.9;
  background-color: #475569;
}

/* Copy Button Styling */
.tc-copy {
  flex: 1.3;
  background-color: #f8fafc !important;
  border: 1px solid #e2e8f0;
  color: #334155 !important;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  padding: 0 10px;
}

/* Hover par animation rahegi, par background-color wahi same rahega */
.tc-copy:hover {
  background-color: #f8fafc !important;
  color: #334155 !important;
  border-color: #cbd5e1;
}

.tc-copy svg {
  stroke: #334155;
}