.eel-block-similar-articles {
    padding: 40px 20px;
    background-color: var(--wp--preset--color--background);
}

.eel-block-similar-articles__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.eel-block-similar-articles__title {
    font-size: var(--wp--preset--font-size--jumbo);
    font-weight: normal;
	font-family: var(--wp--preset--font-family--duper);
	text-transform: uppercase;
}

.eel-block-similar-articles__see-all {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.eel-block-similar-articles__see-all a {
    font-size: calc(var(--wp--preset--font-size--large) * .8);
    font-weight: normal;
	font-family: var(--wp--preset--font-family--duper);
	text-decoration: none;
	color: var(--wp--preset--color--foreground);
    transition: all 0.3s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-bottom: 2px solid var(--wp--preset--color--background);
}

.eel-block-similar-articles__see-all a::after {
	content: "";
	display: inline-block;
	width: var(--wp--preset--font-size--jumbo);
	height: var(--wp--preset--font-size--jumbo);
	margin-left: 8px;
	background-image: url('../../assets/icons/utility/arrow-right.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.eel-block-similar-articles__see-all a:hover {
	border-bottom: 2px solid var(--wp--preset--color--foreground);
}

.eel-block-similar-articles__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 1024px) {
    .eel-block-similar-articles__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .eel-block-similar-articles__grid {
        grid-template-columns: 1fr;
    }
}