/*
 * Sticky Copy Button for Code Blocks - Main Styles
 */

.code-block-wrapper { 
	position: relative; 
	padding-right: 50px; 
	margin-bottom: 1em; 
	display: flex;
	align-items: flex-start; 
}

.code-block-wrapper pre { 
	position: relative; 
	padding: 0.75em; 
	margin: 0; 
	word-break: normal;
	word-wrap: normal;
	overflow-x: auto; 
	overflow-y: auto; 
	flex: 1 1 auto; 
	box-sizing: border-box; 
	min-width: 0; 
}

.entry-content pre,
.article pre {
	margin: 0 !important;
}

.copy-code-btn {
	position: absolute;
	outline: none !important;
	border-radius: 4px;
	cursor: pointer;
	opacity: 0.8;
	transition: opacity 0.2s, background-color 0.2s, color 0.2s;
	z-index: 10;
}

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

.copy-code-btn.copied {
	animation: pulse 0.4s ease;
	outline: none !important;
}

.line-numbers {
	padding: 0.75em 0.3em;
	text-align: right;
	user-select: none;
	opacity: 0.6;
	overflow-x: hidden !important;
	overflow-y: scroll;
	flex-shrink: 0;
	scrollbar-width: none;
}

.code-block-wrapper .line-numbers::-webkit-scrollbar { 
	display: none; 
}

@keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.05); }
	100% { transform: scale(1); }
}