/* Copy for AI button */
.copy-for-ai-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  float: right;
  margin-bottom: 1rem;
  padding: 0.375rem 0.75rem;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray-500);
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-300);
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--default-transition-duration) var(--default-transition-timing-function);
  line-height: 1;
}

.copy-for-ai-btn:hover {
  background-color: var(--color-gray-100);
  color: var(--color-gray-800);
  border-color: var(--color-gray-400);
}

.copy-for-ai-btn.copied {
  color: var(--color-green-800);
  border-color: var(--color-green-500);
  background-color: oklch(72.3% .219 149.579 / 0.08);
}

.copy-for-ai-btn svg {
  flex-shrink: 0;
}