.wp-block-claryss-news-insights {
	padding: 32px;
	background-color: var(--surface-action);
	border-radius: 8px;
	max-width: 100%;
	margin-top: 54px;
}

.news-insights__grid-wrapper {
	overflow-x: auto;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE / legacy Edge */
}

.news-insights__grid-wrapper::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Edge */
}

.news-insights__grid {
	display: flex;
	flex-wrap: nowrap;
	gap: 48px;
	min-width: min-content;
}

.news-insights__card {
	flex: 0 0 calc(33.333% - 32px);
	text-decoration: none;
	max-width: 30%;
	border-radius: 8px;
	overflow: hidden;
	padding-bottom: 26px;
	transition: background-color 0.3s ease;
}

.news-insights__card:hover {
	background-color: var(--surface-card-light);
}

.news-insights__title {
	margin-bottom: 23px;
}

.news-insights__card-image {
	width: 100%;
	height: 168px;
	overflow: hidden;
	border-radius: 8px;
}

.news-insights__card-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.3s ease;
}

.news-insights__card:hover .news-insights__card-img {
	transform: scale(1.05);
}

.news-insights__card-title {
	color: white;
	margin-top: 14px;
	margin-bottom: 0;
	padding: 0 30px;
	transition: color 0.3s ease;
}

.news-insights__card:hover .news-insights__card-title {
	color: var(--primary-400);
}

.news-insights__card-read {
	color: white;
	font-weight: bold;
	font-size: var(--h5-font-size);
	line-height: var(--h5-line-height);
	display: flex;
	gap: 10px;
	justify-content: flex-end;
	padding-right: 30px;
	transition: color 0.3s ease;
}

.news-insights__card:hover .news-insights__card-read {
	color: var(--primary-400);
}

.news-insights__card-arrow {
	display: inline-flex;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	transition: transform 0.3s ease;
}

.news-insights__card:hover .news-insights__card-arrow {
	transform: translateX(2px);
}

.news-insights__card-arrow svg {
	width: 100%;
	height: 100%;
}