#asns-title-text-button-image-content-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 35px;
	align-items: flex-start;
}

.asns-image-position-left #asns-title-text-button-image-content-wrapper {
	flex-direction: row-reverse;
}

.asns-title-text-button-image-container {
	border-radius: 0 0 30px 30px;
}

.asns-title-text-button-image-content-content-container {
	position: relative;
	display: flex;
	flex: 0 0 calc( 50% - 18px );
	flex-direction: column;
	padding: 70px;
	border-radius: 30px;
	aspect-ratio: 1;
}

.asns-title-text-button-image-button-container {
	margin-top: 2rem;
	text-align: center;
}

.asns-title-text-button-image-button {
    font-family: var(--font-family-metropolis-semi-bold);
    font-size: var(--font-size-22);
    font-weight: 500;
    color: var(--font-color-white);
    height: 70px;
    padding: 15px 40px;
    border-radius: 50px;
    text-decoration: none;
    background-color: var(--button-color);
    transition: background-color .3s ease;
}

.asns-title-text-button-image-button:hover {
    text-decoration: none;
    background-color: var(--button-hover-color);
    transition: background-color .3s ease;
}

.asns-title-text-button-image-image-container {
	position: relative;
	display: flex;
	flex: 0 0 calc( 50% - 18px );
	flex-direction: row;
	aspect-ratio: 1;
	border-radius: 30px;
	overflow: hidden;
}

.asns-title-text-button-image-content-image {
	display: flex;
	flex-direction: row;
	aspect-ratio: 1;
}

.asns-title-text-button-image-image-container img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* Mobiel */
@media( max-width: 767px ) {
	#asns-title-text-button-image-wrapper {
		margin-bottom: 35px!important;
	}

	#asns-title-text-button-image-content-wrapper {
		flex-direction: column;
		row-gap: 35px;
	}

	.asns-image-position-left #asns-title-text-button-image-content-wrapper {
		flex-direction: column;
	}

	.asns-title-text-button-image-container {
		padding: 70px 0!important;
		border-radius: 0 0 30px 30px;
	}

	.asns-title-text-button-image-content-content-container {
		flex: 0 0 100%;
		padding: 35px;
		aspect-ratio: inherit;
	}

	.asns-title-text-button-image-image-container {
		flex: 0 0 100%;
		flex-direction: row;
		aspect-ratio: 1;
		border-radius: 30px;
		overflow: hidden;
	}
}




/* ---- TABLET --> PORTRAIT ---- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	#asns-title-text-button-image-wrapper {
		margin-bottom: 35px!important;
	}

	#asns-title-text-button-image-content-wrapper {
		flex-direction: column;
		row-gap: 35px;
	}

	.asns-image-position-left #asns-title-text-button-image-content-wrapper {
		flex-direction: column;
	}

	.asns-title-text-button-image-container {
		padding: 70px 0!important;
		border-radius: 0 0 30px 30px;
	}

	.asns-title-text-button-image-content-content-container {
		flex: 0 0 100%;
		padding: 35px;
		aspect-ratio: inherit;
	}

	.asns-title-text-button-image-image-container {
		flex: 0 0 100%;
		flex-direction: row;
		aspect-ratio: 1;
		border-radius: 30px;
		overflow: hidden;
	}
}

/* Desktop */
@media (min-width: 1025px) {}