.evenementen-item {
    display: flex;
    gap: 30px;
    align-items: center;
    border:1px solid #e7e7e7;
    border-radius: 20px;
    overflow: hidden;
    transition: all .2s linear; /* Added transition property */
	margin-bottom:40px;

}

.evenementen-item:hover {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.19);
}

.evenementen-item img.evenementen-img {
    max-width: 280px;
    height: 190px;
    object-fit: cover;
    width: 100%;
    border-radius: 20px;
}
.elementor-button-wrapper{
    margin-right:20px;
}

.evenementen-item div {
    flex-grow: 1;
    color:black;
    position: relative;
}

.evenementen-item div *{
  margin:0; padding:0;
}

.evenementen-button {
    text-align: right;
	margin-right:20px;
}

span.elementor-button.elementor-size-md{
    border-radius: 999px; background: #ffc100; color:black;
}


.info-icon-wrapper{
    width: 50px!important;
    height: 50px;
    background-color:#ffc100;
    position: absolute!important;
    top:0;
    right:0;
    display: none;
	padding:0!important;
	border-radius:10000px;

}
@media (max-width: 768px) {
    .evenementen-item {
        flex-direction: column;
        align-items: center;
        gap:0px;
    }

    .info-icon-wrapper{	  display: flex;
  justify-content: center;
  align-items: center;
	transform:translatey(-50%);
		right:10px;
	}


    .evenementen-item img.evenementen-img {
        width: 100%;
        max-width: 100%;
      
    }

    .evenementen-item div {
        width: 100%;
        padding:20px;
    }

    .evenementen-button{
        display: none;
    }

    .evenementen-item img.evenementen-img {
        max-width: 100%;
 border-radius:20px 20px 0 0;
        height: 50vw;
        object-fit: cover;
        width: 100%;
    }
	

}