		.messenger-widget{
			position:fixed;
			right:25px;
			bottom:25px;
			z-index:99999;
		}

		.messenger-button{

			width:64px;
			height:64px;

			border-radius:50%;
			display:flex;
			justify-content:center;
			align-items:center;

			background:#fff;

			box-shadow:
				0 8px 25px rgba(0,0,0,.25);

			animation:pulse 2.4s infinite;
			transition:.3s;
		}
		
 		

		.messenger-button:hover{

			transform:scale(1.08);
		}

		.messenger-button svg{

			width:64px;
			height:64px;
			display:block;
		}

		.messenger-tooltip{

			position:absolute;

			right:80px;
			bottom:10px;

			width:220px;

			background:#fff;

			border-radius:14px;

			padding:14px 18px;

			box-shadow:0 8px 30px rgba(0,0,0,.18);

			font-size:15px;

			line-height:1.5;

			color:#333;

			opacity:0;

			transform:translateX(20px);

			transition:.5s;

			pointer-events:none;
		}

		.messenger-tooltip.show{

			opacity:1;

			transform:translateX(0);
		}

		.messenger-tooltip::after{

			content:"";

			position:absolute;

			right:-8px;

			top:50%;

			transform:translateY(-50%) rotate(45deg);

			width:16px;

			height:16px;

			background:#fff;
		}

		@keyframes pulse{

			0%{

				box-shadow:
				0 0 0 0 rgba(0,132,255,.45),
				0 8px 25px rgba(0,0,0,.25);
			}

			70%{

				box-shadow:
				0 0 0 14px rgba(0,132,255,0),
				0 8px 25px rgba(0,0,0,.25);
			}

			100%{

				box-shadow:
				0 0 0 0 rgba(0,132,255,0),
				0 8px 25px rgba(0,0,0,.25);
			}

		}			
