/* Colors come from Settings > TOC & Copy Code (printed as :root vars). */
pre.wp-block-code.stcc-code-wrapper {
	position: relative;
}

.stcc-copy-code-btn {
	position: absolute;
	top: 0.6em;
	right: 0.6em;
	font-size: 0.75em;
	line-height: 1;
	padding: 0.45em 0.8em;
	background: var(--stcc-copy-bg, #2c2c2c);
	color: var(--stcc-copy-color, #fff);
	border: none;
	border-radius: 4px;
	cursor: pointer;
	opacity: 0.55;
	transition: opacity 0.15s ease, background 0.15s ease;
}

.stcc-copy-code-btn:hover,
.stcc-copy-code-btn:focus {
	opacity: 1;
	background: var(--stcc-copy-hover-bg, #444);
}

.stcc-copy-code-btn.stcc-copied,
.stcc-copy-code-btn.stcc-copied:hover,
.stcc-copy-code-btn.stcc-copied:focus {
	background: var(--stcc-copied-bg, #1a7f37);
	color: var(--stcc-copied-color, #fff);
	opacity: 1;
}