.destinations-card-simple{
	min-width:320px;
	background-color: var(--surface-1);
	border-radius: var(--radius-md);
	padding:var(--spacing-5);
	display:grid;
	justify-content: space-between;
	scroll-snap-align: start;
	box-shadow: var(--shadow-card);
	border:1px solid var(--border-subtle);
	transition:transform var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), border-color var(--motion-fast) ease
}
.destinations-card-simple:hover{
	transform:translateY(-2px);
	box-shadow:var(--shadow-hover);
	border-color:var(--border-default)
}

.destinations-card-simple .pic{
	border-radius:var(--radius-sm)
}
.destinations-card-simple .title{
	font:var(--body-l-bold);
	letter-spacing:var(--letter-spacing-l);
	margin-bottom:var(--spacing-2)
}
.destinations-card-simple .description{
	font:var(--body-s-regular);
	letter-spacing:var(--letter-spacing-s);
	color:var(--text-body-07);
	flex-grow:1;
	line-clamp:5;
    -webkit-line-clamp:5
}
.destinations-card-simple .url{
	margin-top:auto;
	height:fit-content;
	font:var(--body-s-bold);
	letter-spacing:var(--letter-spacing-s);
	color:var(--text-body-09);
	display:flex;
	align-items:center;
	gap:var(--spacing-2)
}
.destinations-card-simple .url span{
	width:var(--spacing-5);
	height:var(--spacing-5);
	background-color:var(--bg-surface-01);
	border-radius:var(--radius-rounded); 
	display:flex;
	align-items:center;
	justify-content: center;
	transition:.3s
}
.destinations-card-simple:hover .url span{
	background-color:var(--bg-surface-09);
	color:var(--text-body-005)
}
.destinations-card-simple:hover .url span svg{
	fill:var(--text-body-005)
}
@media(max-width:375px){
	.destinations-card-simple{
		min-width:80vw
	}
}