.kiji{
.relatedPostBlock{
margin-top: 1rem;
margin-bottom: 1rem;
.relatedPostLabel{
position: relative;
width: fit-content;
padding: 2px 16px;
background-color: var(--color-theme-secondary-text);
color: #fff;
font-size: 12px;
transition: .5s;
margin-bottom: -1em;
margin-left: 1.5rem;
z-index: 1;
}
.relatedPostCard{
display: grid;
grid-template-columns: 30% 1fr;
gap: 24px;
align-items: center;
padding: 1.5em;
border-radius: 5px; box-shadow: inset 0 0 0 1px #ddd;
text-decoration: none;
&:hover{
color: inherit;
background-color: color-mix(in srgb, var(--color-theme-secondary-text), #fff 95%);
}
.relatedPostCard__thumb{
img{
float: none !important;
width: 100% !important;
margin: 0 !important;
}
}
.relatedPostCard__title{
margin: 0 0 .5em 0;
padding-left: 0;
font-size: 1em;
&::before{
display: none;
}
}
.relatedPostCard__excerpt{
font-size: .85em;
}
}
&.type-case-study{
--color-theme-secondary-text: var(--color-link);
}
}
}