.wp-block-quantom-2026-link-card {
	--pad-plus-desc: calc(var(--wp--preset--spacing--25) + 0.2cap);
}

.wp-block-quantom-2026-link-card {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: calc(var(--wp--preset--spacing--25) / 2);
	width: 100%;
	aspect-ratio: 5/4;
	min-width: 15rem;
	border-radius: var(--wp--preset--spacing--10);
	cursor: pointer;
}

.wp-block-quantom-2026-link-card:where(:not(.has-background)) {
	background-color: var(--wp--preset--color--base);
}
.wp-block-quantom-2026-link-card:where(:not(.has-text-color)){
	color: var(--wp--preset--color--contrast)
}

.wp-block-quantom-2026-link-card .link-card-content {
	position: relative;
	z-index: 2;
	width: 100%;
	height: auto;
	display: flex;
	gap: .75rem;
	align-items: start;
	justify-content: end;
	flex-direction: column;
	padding: var(--wp--preset--spacing--25);
	padding-right: 0;
	line-height: 1.1;
}

.wp-block-quantom-2026-link-card .link-card-content > * {
	margin: 0;
}

.wp-block-quantom-2026-link-card .link-card-link {
	display: inline-flex;
	align-items: center;
	align-self: flex-end;
	color: inherit;
	padding: 0 var(--wp--preset--spacing--25) var(--pad-plus-desc) 0;
	font-size: var(--wp--preset--font-size--x-large)
}

.wp-block-quantom-2026-link-card.tw-stretched-link .link-card-link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.wp-block-quantom-2026-link-card .link-card-link svg {
	height: 1cap;
	width: auto;
	transform: translate(0, 0);
	transition: transform 0.25s;
	fill:currentColor;
}

/* Hover */

.wp-block-quantom-2026-link-card:where(:not(.has-background)):hover .link-card-content {
	background-image: linear-gradient(189deg, var(--wp--preset--color--accent), var(--wp--preset--color--accent) 60%, var(--wp--preset--color--accent-2));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.wp-block-quantom-2026-link-card:hover .link-card-link svg {
	transform: translate(0.25rem,0);
}

.wp-block-quantom-2026-link-card:where(:not(.has-background)):hover .link-card-link svg{
	fill: var(--wp--preset--color--accent);
}