.case_grid-layout {
    margin-bottom: 100px;
}

.case_grid-layout .case-grid {
    column-gap: 1.5rem;
    row-gap: 1.5rem;
}

.case_grid-layout .case_article {
	padding: 32px;
    border-radius: 12px;
    background: var(--pk-primary-beige);
	transition: background-color .5s ease-in-out;
    overflow: hidden;
}

.case_grid-layout .case_article:hover{
	background: var(--pk-blue-2);
}
.case_grid-layout .case_article .case-wrapper{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	aspect-ratio: 360/234;
	text-decoration: none;
}
.case_grid-layout .case_article .case-content{
	max-width: 230px;
}
.case_grid-layout .case_article h2{
	font-size: var(--heading-md);
	font-weight: 500;
	line-height: 1.2;
}

.case_grid-layout .case_article .case-meta{
	display: flex;
	justify-content: flex-end;
}

.case_grid-layout .case_article .case-meta::after{
 content: "\f8ce";
    font-family: "Material Symbols outlined";
    font-size: 14px;
	color: var(--pk-primary-blue);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border: 1.5px solid var(--pk-primary-blue);
    border-radius: 999px;
    transition: transform 0.5s ease-in-out;
}

.case_grid-layout .case_article:hover .case-meta::after {
	border: 1.5px solid var(--pk-white);
	background: var(--pk-white);
    transform: rotate(45deg);
}

@media screen and (max-width: 768px) {

}