/* Copy button styles for code blocks */
.copy-button {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s, background 0.2s;
  color: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
}

.copy-button:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.copy-button.copied {
  background: rgba(72, 187, 120, 0.3);
  border-color: rgba(72, 187, 120, 0.5);
  color: #48bb78;
}

pre:hover .copy-button {
  opacity: 1;
}

/* Ensure pre has relative positioning for absolute button */
pre {
  position: relative;
}

/* Adjust for line numbers table layout */
.highlight pre {
  position: relative;
}

.highlight .copy-button {
  top: 8px;
  right: 8px;
  z-index: 10;
}