.event-card__date {
		min-width: 120px;
		background-color: #3BB7B3;
	}

	.event-card__linktext a {
		font-size: 16px;
		font-weight: 700;
		color: #ffffff;
		font-style: bold;
		font-family: Jost, sans-serif;
		line-height: 130%;
		letter-spacing: 0.032em;
		text-align: center;
		text-transform: uppercase;
        &:hover {
            color: #ffffff;
            text-decoration: none;
        }
	}

	.event-card__datecontainer {
		display: flex;
		flex-direction: column;
		padding-top: 42px;
		padding-bottom: 42px;

	}


	.event-card__date-day {
		font-size: 56px;
		font-weight: 700;
		color: #201850;
		font-style: bold;
		font-family: Jost, sans-serif;
		line-height: 120%;
		letter-spacing: 0.032em;
		text-align: center;
	}

	.event-card__date-month,
	.event-card__date-year {
		font-size: 16px;
		font-weight: 700;
		color: #201850;
		font-style: bold;
		font-family: Jost, sans-serif;
		line-height: 130%;
		letter-spacing: 0.032em;
		text-align: center;
		text-transform: uppercase;
	}

	.event-card__body {
		display: flex;
		max-width: 800px;
	}

	.event-card__content {
		background-color: #201850;
		padding: 24px;
		display: flex;
		flex-direction: column;
	}

	.event-card__title, .event-card__description {
		margin-bottom: 20px;
	}

	.event-card__title h3 {
		font-size: 24px;
		font-weight: 400;
		font-family: Jost, sans-serif;
		line-height: 120%;
		letter-spacing: 0.032em;
		color: #ffffff;
		text-align: center;
	}

	.event-card__description {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.event-card__description p {
		font-size: 18px;
		font-weight: 400;
		font-family: Jost, sans-serif;
		line-height: 140%;
		letter-spacing: 0.032em;
		color: #ffffff;
		text-align: center;
	}

	.event-card__linkarrow {
		width: 22px;
		height: 20px;
	}

	.event-card__linkcontent {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
		transition: gap 0.3s ease;
	}

	.event-card__linkcontent:hover {
		gap: 20px;
		transition: gap 0.3s ease;
	}


	.event-card__image-wrapper {
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	.event-card__image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		aspect-ratio: 16 / 10;
		transition: transform 0.3s ease;
	}

	.event-card {
		max-width: 800px;
		width: 100%;
		&:hover {
			.event-card__image img {
				transform: scale(1.1);
			}
		}
	}

	@media(max-width:768px) {
		.event-card__body {
			flex-direction: column-reverse;
		}

		.event-card__datecontainer {
			flex-direction: row;
			justify-content: center;
			align-items: center;
			padding: 8px;
		}
	}