making blocksy archive item fully clickable and animating the shadow

style.css

/**
 * put it in your themes style.css and change "blog" to your post type name
 * if your CPT is "product", you change the value "blog" to "product_archive" or "rooms_archive"
 */
[data-prefix="blog"] .entries article.entry-card {
	position:relative;
	transition:box-shadow .15s ease-in-out, transform .15s ease-in-out;
}

[data-prefix="blog"] .entries article.entry-card .entry-title > a::before { 
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:"";
	display:block;
	z-index:10;
}

[data-prefix="blog"] .entries article.entry-card:hover {
	--theme-box-shadow: 0px 8px 12px -5px rgba(35, 57, 102, 0.5);
	transform:translatey(5px);
}