pre {
	position: relative;
}

pre button.clipboard {
	position: absolute;
	opacity: 0;
	padding: 2px 6px;
	right: 4px;
	top: 4px;
	width: 27px;
	height: 26px;
	cursor: pointer;
	background-color: #eee;
	background-image: linear-gradient(#fcfcfc, #eee);
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

pre:hover button.clipboard {
	opacity: 1;
}

pre button.clipboard:focus {
	text-decoration: none;
	border-color: #51a7e8;
	outline: none;
	box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
}

pre button.clipboard:active {
	background-color: #dcdcdc;
	background-image: none;
	border-color: #b5b5b5;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}

pre button.clipboard:hover {
	background-color: #ddd;
	background-image: linear-gradient(#eee, #ddd);
	border-color: #ccc;
}

pre button.clipboard img {
	padding: 0 !important;
}