:root {
	--nieuws-transition: all 0.1s ease-in-out;
}

.nieuws-layout:hover {
	text-decoration: none;
}
.nieuws-layout .nieuws-banner {
	position: relative;
	border-radius: var(--radius-normal); overflow: hidden;
	aspect-ratio: 1; margin-bottom: 1rem;
}
.nieuws-layout .nieuws-banner .terms {
	position: absolute; left: 0; top: 0; z-index: 2;
	display: flex; align-items: center; flex-wrap: wrap;
	padding: 1rem; gap: 0.5rem;
}
.nieuws-layout .nieuws-banner .terms .term {
	display: block; font-weight: 600; font-family: var(--heading-font);
	background-color: #ffffff; padding: 0.25rem 0.5rem;
	border-radius: 0.25rem; color: var(--text-color);
}
/* .nieuws-layout .nieuws-banner .terms .term:nth-child(n+2) {
	display: none;
} */
.nieuws-layout .nieuws-banner img,
.nieuws-layout .nieuws-banner video {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: var(--nieuws-transition);
}
.nieuws-layout:hover .nieuws-banner img {
	scale: 1.1
}
.nieuws-layout .nieuws-banner .arrow {
	position: absolute; bottom: calc(2.5rem + 20px); right: calc(2.5rem + 20px); z-index: 5;
	display: flex; align-items: center; justify-content: center;
	background-color: #ffffff; border-radius: 100%;
	padding: 0px; translate: 50% 50%;
	scale: 0.75;
	transition: var(--nieuws-transition);
}
.nieuws-layout .nieuws-banner .arrow svg {
	scale: 0;
	transform-origin: center;
	transition: var(--nieuws-transition);
}
.nieuws-layout:hover .nieuws-banner .arrow {
	padding: 12px; scale: 1;
}
.nieuws-layout:hover .nieuws-banner .arrow svg {
	scale: 1;
}