/* Popup promotion */
.homenest__promotion-btn {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 120px;
}

.homenest__promotion-btn .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	--size-btn: 30px;
	width: var(--size-btn);
	height: var(--size-btn);
	transform: translateY(-100%);
	border: 0;
	outline: 0;
	background: #e4e4e4;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 0;
	overflow: hidden;
	cursor: pointer;
}

.homenest__promotion-btn .btn-close::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--bg-gradient);
	z-index: -1;
	opacity: 0;
	transition: opacity .3s ease;
}

.homenest__promotion-btn .btn-close svg {
	width: 20px;
	transform: rotate(0deg);
	transition: transform .3s ease;
}

.homenest__promotion-btn .btn-close:hover::before {
	opacity: 1;
}

.homenest__promotion-btn .btn-close:hover  svg {
	transform: rotate(180deg);
}

.homenest__promotion-btn a, .homenest__promotion-btn img {
	width: 100%;
}


@media only screen and (max-width: 768px) {
	.homenest__promotion-btn {
		width: 50px;
	}
	.homenest__promotion-btn .btn-close {
		--size-btn: 20px;
	}
	.homenest__promotion-btn .btn-close svg {
		width: 15px;
	}
}