.popular__section {
	padding: 25px 0;
	margin: 25px 0;
}

.popular__title {
	margin: 0 0 30px 0;
}

.popular-house__list {
	display: grid;
	gap: 30px;
}

.popular-house__item {
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
	border-radius: 25px;
	height: fit-content;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.3s ease;
	pointer-events: auto;
}


.popular-section__top {
	position: relative;
	border-radius: 25px 25px 0 0;
	padding-top: 110px;
}

.popular-section__top::after {
	content: '';
	position: absolute;
	inset: 0;
	background: #0000003d;
	border-radius: 25px 25px 0 0;
}

.popular-section__top--content {
	position: relative;
	z-index: 9;
	padding: 20px 20px 10px 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.popular-section__title {
	color: #ffffff;
	font-family: Days One;
	font-size: 30px;
	font-weight: 400;
	line-height: 1;
}


.popular-section__icons {
	display: flex;
	gap: 15px;
	cursor: text;
}

.popular-section__icon {
	font-family: Murecho;
	font-size: 16px;
	font-weight: 700;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	color: #fff;
	padding: 0;
	min-width: auto;
}

.popular-section__bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	border-radius: 0 0 25px 25px;
}

.popular-section__price {
	font-family: "Murecho", sans-serif;
	font-size: 14px;
	display: flex;
	flex-direction: column;
	color: #000000;
	cursor: text;
}

.popular-section__price span strong {
	font-size: 25px;
	color: #77d14d;
}

.popular-section__button {
	background: #000;
	padding: 10px;
	font-family: "Murecho", sans-serif;
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	border-radius: 15px;
	line-height: 1;
	box-shadow: none;
	text-decoration: none;
	transition: all 0.3s ease;
	cursor: pointer;
}

.popular-house__item:hover {
	box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -1px rgb(0 0 0 / .06), 0 20px 30px -10px rgb(119 209 77 / 30%);
}

.popular-house__item:hover .popular-section__button {
	background: #77d14d;
	scale: 1.05;
	box-shadow: 0 10px 15px -3px #5c5c7a33, 0 4px 6px -4px #5c5c7a33;
}

.popular-section__button svg {
	transition: all 0.3s ease;
}

.popular-house__item:hover .popular-section__button svg {
	transform: rotate(-45deg);
}

.popular-section__button.popular-section__button--text {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-left: auto;
}

.popular-section__button.popular-section__button--text span {
	line-height: 1.2;
}

@media (min-width: 500px) {
	.popular-section__top {
		padding-top: 150px;
	}
}

@media (min-width: 768px) {
	.popular-house__list {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 992px) {
	.popular__section {
		padding: 50px 0;
		margin: 50px 0;
	}

	.popular__title {
		margin: 0 0 50px 0;
	}

	.popular-section__top {
		padding-top: 225px;
	}


	.popular-house__button {
		padding: 15px 25px;
	}
}