.image-link {
	position: relative;
	height: 400px;
	overflow: hidden;
	transition: transform 0.3s ease;
}

.image-link:hover {
	transform: scale(1.03);
}

.image-link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-link-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.7) 0%,
		rgba(0, 0, 0, 0) 100%
	);
}

.image-link-title {
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;
}

.image-link-arrow {
	background-color: #ffd100;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
	transition: transform 0.3s ease;
}

.image-link:hover .image-link-arrow {
	transform: translateX(5px);
}