div.breadcrumb {
	font-size: 90%;
	margin-top: -4em;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.breadcrumb {
	--s: 0.8em;
	/* line-height: 1.8; */
	padding-inline: calc(var(--s) + .3em);
	clip-path: polygon(0 0,calc(100% - var(--s)) 0,100% 50%,calc(100% - var(--s)) 100%,0 100%,var(--s) 50%);
	background: #FF6B6B;
	/* width: fit-content; */
	color: black;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

a.breadcrumb:hover {
	--s: 0.8em;
	/* line-height: 1.8; */
	padding-inline: calc(var(--s) + .3em);
	clip-path: polygon(0 0,calc(100% - var(--s)) 0,100% 50%,calc(100% - var(--s)) 100%,0 100%,var(--s) 50%);
	background: #FFAFAF;
	/* width: fit-content; */
	color: black;
}