.technical-inquiry {
	gap: 12px;
	border-radius: 12px;
}

a.technical-inquiry:not(.technical-inquiry--light):focus-visible {
	background: var(--siliteh-color-black);
	text-decoration: none;
}

.technical-inquiry--light {
	border: 1.5px solid var(--siliteh-color-white);
	background: var(--siliteh-color-white);
	color: var(--siliteh-color-midnight-navy);
}

/* `a.siliteh-button` outranks the class above once the destination exists. */
a.technical-inquiry--light {
	background: var(--siliteh-color-white);
	color: var(--siliteh-color-midnight-navy);
}

@media (hover: hover) and (pointer: fine) {
	a.technical-inquiry:not(.technical-inquiry--light):hover,
	.technical-inquiry[aria-disabled="true"]:not(.technical-inquiry--light):hover {
		background: var(--siliteh-color-black);
		text-decoration: none;
	}

	a.technical-inquiry--light:hover,
	.technical-inquiry--light[aria-disabled="true"]:hover {
		background: linear-gradient(90deg, var(--siliteh-color-white-20), var(--siliteh-color-white-50));
		color: var(--siliteh-color-white);
	}

	a.technical-inquiry--light:hover img,
	.technical-inquiry--light[aria-disabled="true"]:hover img {
		filter: brightness(0) invert(1);
	}
}