/* Copy-to-clipboard button on every code block */
.code-copy-wrapper { position: relative; }

.code-copy-btn {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  padding: 0.15rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.2;
  color: #495057;
  background: #f8f9fa;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
  z-index: 5;
}

.code-copy-wrapper:hover .code-copy-btn,
.code-copy-btn:focus { opacity: 1; }

.code-copy-btn:hover { background: #e9ecef; }

.code-copy-btn.copied {
  color: #fff;
  background: #198754;
  border-color: #198754;
  opacity: 1;
}