.header-permalink {
	position: relative;
	padding-left: 2rem;
	margin-left: -2rem;
}
.header-anchor {
	position: absolute;
	left: 0.5rem;
	top: 0.5rem;
	opacity: 0;
	transition: opacity 0.1s ease;
}
.header-permalink:hover .header-anchor {
	opacity: 1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
}
.icon.icon-link {
	opacity: 0;
	position: absolute;
	top: calc(50% - 10px);
	left: -20px;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath fill='%23ffffff' d='M460 233l-91 91a128 128 0 01-200-26l42-42 7-5c2 10 8 20 15 28 25 25 66 25 91 0l90-91a64 64 0 00-90-90l-32 32c-26-10-55-13-82-9l69-69a128 128 0 01181 181zM220 382l-32 32a64 64 0 01-90-90l90-91c25-25 66-25 91 0 7 8 12 18 15 27l7-4 42-42c-5-9-11-18-19-26-50-50-131-50-181 0l-91 91a128 128 0 00181 181l69-69c-27 4-56 1-82-9z'/%3E%3C/svg%3E");
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center;
}
h1:hover .icon.icon-link,
h2:hover .icon.icon-link,
h3:hover .icon.icon-link,
h4:hover .icon.icon-link,
h5:hover .icon.icon-link,
h6:hover .icon.icon-link {
	opacity: 1;
}
.icon.icon-link:hover {
	opacity: 1;
}