/* ============================================
 * Dalinimosi mygtukai (share-buttons.php)
 * Naudojama /klausimas/{id} ir /citata/{id} puslapiuose
 * ============================================ */

.share-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  margin: 1.5rem auto;
}

.share-label {
  color: var(--color-text-secondary, #cfcfe0);
  font-size: 0.95rem;
}

.share-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 1rem;
  border-radius: 999px;
  border: 1px solid var(--color-border-default, rgba(255, 255, 255, 0.2));
  background: var(--color-surface-raised, rgba(255, 255, 255, 0.06));
  color: var(--color-text-primary, #f5f5f5);
  font-size: 0.9rem;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s ease;
}

.share-btn:hover,
.share-btn:focus-visible {
  border-color: var(--color-accent-gold, #e7ca93);
  color: var(--color-accent-gold, #e7ca93);
  transform: translateY(-2px);
}

.share-btn--copied {
  border-color: var(--color-accent-green, #2ecc71);
  color: var(--color-accent-green, #2ecc71);
}