.label {
	width: fit-content;
	margin: 0;
	padding: 0.3rem 0.6rem;
	font-family: "Oswald", sans-serif;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--color-blueprint--darker);
	background-color: var(--color-porcelain);
	background-image: url("/assets/images/noise.svg");
	background-repeat: repeat;

	/* :any-link raises specificity above the global underline rule in links.css, which loads after this file. */
	> a:any-link {
		text-decoration: none;
		color: var(--color-blueprint--darker);
	}

	&:has(a):hover {
		background-color: var(--color-burnt-sienna--darker);
		color: var(--color-porcelain);
	}
}