/* Style the container wrapping the code block and button */  
.code-block-container {  
  position: relative;  
  margin: 1.5rem 0; /* Add spacing between code blocks */  
}  
 
/* Style the "Copy" button */  
.copy-button {  
  position: absolute;  
  top: 0.75rem;  
  right: 0.75rem;  
  padding: 0.3rem 0.6rem;  
  background-color: #2eaadc; /* GitHub-like blue */  
  color: white;  
  border: none;  
  border-radius: 4px;  
  cursor: pointer;  
  font-size: 0.85rem;  
  transition: background-color 0.2s;  
  z-index: 1; /* Ensure button stays above code */  
}  
 
.copy-button:hover {  
  background-color: #1d91c0; /* Darken on hover */  
}  
 
/* Style the "Copied!" success message */  
.success-message {  
  position: absolute;  
  top: 0.75rem;  
  right: 0.75rem;  
  color: #28a745; /* Green for success */  
  font-size: 0.85rem;  
  font-weight: 500;  
  display: none; /* Hide by default */  
  z-index: 1;  
}