/* Cards with slash marks (patterns/kit-cards.php). Card look from capability-who-is-it-for. */
.sp-kit-cards .sp-kit-cards__card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 32px 24px;
	background: var(--kit-card);
	color: var(--kit-card-fg);
	transition: background-color 0.2s ease-out, transform 0.2s ease-out;
}
@media (min-width: 1280px) {
	.sp-kit-cards .sp-kit-cards__card { padding: 40px 32px; }
}
.sp-kit-cards:not(.is-style-sp-yellow) .sp-kit-cards__card:hover {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--black-light);
	transform: translateY(-4px);
}
.sp-kit-cards:not(.is-style-sp-yellow) .sp-kit-cards__card:hover .sp-kit-cards__title::before {
	background: var(--wp--preset--color--black-light);
}
.sp-kit-cards .sp-kit-cards__title {
	position: relative;
	padding-left: 26px;
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 1.375;
	font-weight: 500;
	letter-spacing: -0.025em;
}
.sp-kit-cards .sp-kit-cards__title::before {
	content: "";
	position: absolute;
	top: 0.3em;
	left: 0;
	width: 10px;
	height: 20px;
	background: var(--kit-accent);
	clip-path: polygon(44.82% 13.64%, 95.45% 13.64%, 50.63% 86.36%, 0% 86.36%);
}
.sp-kit-cards .sp-kit-cards__text {
	flex: 1;
	font-family: var(--wp--preset--font-family--poppins);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.625;
	opacity: 0.7;
}
.sp-kit-cards .sp-kit-cards__link {
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.sp-kit-cards .sp-kit-cards__link a {
	color: inherit;
	text-decoration: none;
}
.sp-kit-cards .sp-kit-cards__link a::after {
	content: " →";
}
.sp-kit-cards .sp-kit-cards__link:empty { display: none; }