/* Copy-link button tooltip */
.post-copy-link {
  position: relative;
}

.post-copy-tooltip {
  pointer-events: none;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: #1a1a1a;
  color: #fff;
  font-family: var(--font-sans);
  font-size: 0.75rem;
  line-height: 1;
  white-space: nowrap;
  padding: 5px 10px;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 150ms ease, visibility 150ms ease;
  z-index: 10;
}

/* Arrow */
.post-copy-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #1a1a1a;
}

.post-copy-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
}