/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .whatsapp-web-chat-link {
    position: fixed;
    z-index: 999;
    bottom: 5em !important;
    right: 1em !important;
    width: 62px;
    height: 62px;
 }
 a.whatsapp-web-chat-link img {
    width: 100%;
}
 .whatsapp-mobile{
	 display: none !important;
 }

 a.whatsapp-web-chat-link {
     opacity: 1;
 		margin-top: 0px;
     transition: all .5s ease;
 }

 a.whatsapp-web-chat-link:hover {
     opacity: 0.7;
 		margin-top: -5px;
     transition: all .5s ease;
 }

 @media (max-width:700px) {
	 .whatsapp-web-chat-link {
     width: 3em;
 	}

	.whatsapp-mobile{
		display: block !important;
	}

	.whatsapp-desktop{
		display: none !important;
	}

 }