/*
 * Component: Social Share
 * Depends on: tokens.css
 */

.post-social-share {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-8) 0 var(--space-5);
}

.pss-btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  text-decoration: none; cursor: pointer;
  border: none; transition: opacity var(--transition-fast), transform var(--transition-fast);
  white-space: nowrap; line-height: 1;
  font-family: inherit;
}

.pss-btn:hover { opacity: 0.85; transform: translateY(-1px); }

.pss-facebook { background: #1877f2; color: #fff; }
.pss-twitter  { background: #000;    color: #fff; }
.pss-linkedin { background: #0a66c2; color: #fff; }
.pss-whatsapp { background: #25d366; color: #fff; }
.pss-email    { background: #444;    color: #fff; }
.pss-copy     { background: #333;    color: #fff; }

@media (max-width: 480px) {
  .pss-btn { padding: 7px 11px; font-size: var(--font-size-xs); }
}