/* share.css — Share buttons for token_detail page */
/* Uses custom properties from raw-mono.css */

.share-bar {
  display: flex;
  gap: var(--sp-3);                /* 12px between buttons */
  margin-top: var(--sp-6);         /* 24px after token address */
  margin-bottom: var(--sp-6);
}

.share-bar .share-btn {
  background: #fff;
  border: 2px solid #000;
  color: #000;
  font-family: 'Courier New', Courier, monospace;
  font-size: var(--fs-body-sm);    /* 14px */
  font-weight: 700;
  padding: var(--btn-sm-pad-y) var(--btn-xs-pad-x);  /* 8px 16px */
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.share-bar .share-btn:hover {
  background: var(--raw-accent);
  color: #fff;
  border-color: var(--raw-accent);
}

.share-bar .share-btn.copied {
  background: #000;
  color: #fff;
}