h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
}

.header-anchor-link {
	display: inline !important;
	opacity: 0;
	padding: 0 5px;
	position: absolute;
	right: 100%;
}

:has(> .header-anchor-link):hover > .header-anchor-link,
.header-anchor-link:hover {
	opacity: 1;
}

a > .icon {
	color: var(--color-text);
	display: inline-block;
}

.icon {
	vertical-align: middle;
}