pre#copytoclipboard {
	position: relative;
}

pre[data-mc-target-name="copytoclipboard"] > .toolbar {
	position: absolute;
	top: .3em;
	right: .2em;
	transition: opacity 0.3s ease-in-out;
	opacity: 0;
}

pre[data-mc-target-name="copytoclipboard"]:hover > .toolbar {
	opacity: 1;
}

pre[data-mc-target-name="copytoclipboard"] > .toolbar .toolbar-item {
	display: inline-block;
}

pre[data-mc-target-name="copytoclipboard"] > .toolbar a {
	cursor: pointer;
}

pre[data-mc-target-name="copytoclipboard"] > .toolbar button {
	background: none;
	border: 0;
	color: inherit;
	font: inherit;
	line-height: normal;
	overflow: visible;
	padding: 0;
	-webkit-user-select: none; /* for button */
	-moz-user-select: none;
	-ms-user-select: none;
}

pre[data-mc-target-name="copytoclipboard"] > .toolbar a,
pre[data-mc-target-name="copytoclipboard"] > .toolbar button,
pre[data-mc-target-name="copytoclipboard"] > .toolbar span {
	color: #bbb !important;
	font-size: .8em;
	padding: 0 .5em;
	background: #f5f2f0;
	background: rgba(224, 224, 224, 0.2);
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
	border-radius: .5em;
}

pre[data-mc-target-name="copytoclipboard"] > .toolbar a:hover,
pre[data-mc-target-name="copytoclipboard"] > .toolbar a:focus,
pre[data-mc-target-name="copytoclipboard"] > .toolbar button:hover,
pre[data-mc-target-name="copytoclipboard"] > .toolbar button:focus,
pre[data-mc-target-name="copytoclipboard"] > .toolbar span:hover,
pre[data-mc-target-name="copytoclipboard"] > .toolbar span:focus {
	color: black !important;
	text-decoration: none !important;
}

.btnCopy
{
position: absolute; 
right: 10px;
}