.floating-link {
	position: fixed;
	bottom: 50px;
	left: 20px;
	display: flex;
	align-items: center;
	gap: 20px   ;
	z-index: 5;
}
.floating-link > div {
	background: white;
	padding: 10px 20px;
	box-sizing: border-box;
	border-radius: 20px;
	box-shadow: rgb(0 18 46 / 18%) 0px 2px 20px 0px;
}
.floating-link::after {
	min-width: 60px;
	height: 60px;
	content: '';
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' fill='none'%3E%3Cpath fill='%23fff' d='M20 0v14.667H6.667v4l-4-4H0V0h20Z'/%3E%3C/svg%3E"), linear-gradient(135deg, rgb(42, 39, 218), rgb(0, 204, 255));
	box-shadow: rgb(0 77 255 / 50%) 0px 2px 16px;
	background-repeat: no-repeat;
	background-position: center;
}
@media (max-width: 768px) {

	a.floating-link {
		bottom: 20px;
	}
	a.floating-link > div {
		display: none;
	}


	.floating-link::after {
		min-width: 50px;
		height: 50px;
	}
}