.whatsapp-button{cursor:pointer;position:fixed;bottom:15px;left:15px;z-index:100;background-color:#25d366;border-radius:50px;color:#fff;border:none;text-decoration:none;width:50px;height:50px;font-size:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-box-shadow:0 0 25px -6px rgba(0,0,0,1);-moz-box-shadow:0 0 25px -6px rgba(0,0,0,1);box-shadow:0 0 25px -6px rgba(0,0,0,1)}.pulse{line-height:1.5;font-size:12px;font-weight:700;width:18px;height:18px;border-radius:50%;background:red;cursor:pointer;box-shadow:0 0 0 #E91E63;z-index:9999;position:absolute;top:0;right:0;animation:pulse 2s infinite}.pulse:hover{animation:none}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(233,30,99,.7)}70%{-webkit-box-shadow:0 0 0 10px rgba(233,30,99,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(233,30,99,0)}}@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(233,30,99,.7);box-shadow:0 0 0 0 rgba(233,30,99,.4)}70%{-moz-box-shadow:0 0 0 10px rgba(233,30,99,0);box-shadow:0 0 0 10px rgba(233,30,99,0)}100%{-moz-box-shadow:0 0 0 0 rgba(233,30,99,0);box-shadow:0 0 0 0 rgba(233,30,99,0)}}.whatsapp-chat{overflow-x:hidden;position:fixed;display:flex;flex-direction:column;justify-content:space-between;background-image:url(https://cloud.githubusercontent.com/assets/398893/15136779/4e765036-1639-11e6-9201-67e728e86f39.jpg);-webkit-box-shadow:0 1px 8px 1px rgba(0,0,0,.3);-moz-box-shadow:0 1px 8px 1px rgba(0,0,0,.3);box-shadow:0 1px 8px 1px rgba(0,0,0,.3);z-index:100}.whatsapp-chat.hidden__wp{bottom:20px;width:0;height:0;left:30px;border-radius:100% 100% 100% 50%;visibility:hidden;opacity:0;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.whatsapp-chat.shown__wp{bottom:80px;width:300px;height:400px;left:15px;border-radius:5px;visibility:visible;opacity:1;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.whatsapp-chat header{background-color:#008a7c;color:#fff;display:flex;width:100%;height:55px;flex-direction:row;align-items:center;border-radius:5px 5px 0 0;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.3);-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.3);box-shadow:0 2px 3px 0 rgba(0,0,0,.3)}.whatsapp-chat header img{width:35px;height:35px;border-radius:50px;margin-left:15px}.whatsapp-chat header div{display:flex;flex-direction:column;margin-left:15px;font-size:11px}.whatsapp-chat header div span:first-child{font-size:15px}.whatsapp-chat .body-chat{width:100%;height:80%;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;overflow-x:hidden}.whatsapp-chat .body-chat::-webkit-scrollbar{width:2px}.whatsapp-chat .body-chat::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.whatsapp-chat .body-chat::-webkit-scrollbar-thumb{background:#888}.whatsapp-chat .body-chat::-webkit-scrollbar-thumb:hover{background:#555}.whatsapp-chat .body-chat .message{color:#555;clear:both;line-height:18px;font-size:15px;padding:8px;position:relative;max-width:80%;word-wrap:break-word;z-index:-1;margin-top:15px}.whatsapp-chat .body-chat .message:after{position:absolute;content:"";width:0;height:0;border-style:solid}.whatsapp-chat .body-chat .message.sent{background:#e1ffc7;border-radius:5px 0 5px 5px;float:right;margin-left:25px}.whatsapp-chat .body-chat .message.sent:after{border-width:0 0 10px 10px;border-color:transparent transparent transparent #e1ffc7;top:0;right:-10px}.whatsapp-chat .body-chat .message.received{background:#fff;border-radius:0 5px 5px;float:left;margin-left:15px}.whatsapp-chat .body-chat .message.received:after{border-width:0 10px 10px 0;border-color:transparent #fff transparent transparent;top:0;left:-10px}.whatsapp-chat .body-chat .message .metadata{display:inline-block;float:right;padding:0 0 0 7px;position:relative;bottom:-4px;font-size:11px;color:rgba(0,0,0,.4)}.whatsapp-chat .body-chat .message .metadata .tick svg{margin-bottom:-3px}.whatsapp-chat .footer-chat{display:flex;justify-content:space-around;align-items:center;height:50px}.whatsapp-chat .footer-chat button{background-color:#008a7c;width:35px;height:35px;text-align:center;display:flex;justify-content:center;align-items:center;border:none;font-size:10px;border-radius:25px;-webkit-box-shadow:1px 1px 5px 0 rgba(0,0,0,.4);-moz-box-shadow:1px 1px 5px 0 rgba(0,0,0,.4);box-shadow:1px 1px 5px 0 rgba(0,0,0,.4);cursor:pointer}.whatsapp-chat .footer-chat a{text-decoration:none;color:#fff;background-color:#008a7c;padding:5px 10px;border-radius:25px;-webkit-box-shadow:1px 1px 5px 0 rgba(0,0,0,.4);-moz-box-shadow:1px 1px 5px 0 rgba(0,0,0,.4);box-shadow:1px 1px 5px 0 rgba(0,0,0,.4)}.whatsapp-chat .footer-chat button svg{width:17px;height:17px}.whatsapp-chat .footer-chat input{border:none;font-size:13px!important;border-radius:25px;padding:9px 10px;width:215px;caret-color:#008a7c;color:rgba(0,0,0,.65);-webkit-box-shadow:1px 1px 5px 0 rgba(0,0,0,.25);-moz-box-shadow:1px 1px 5px 0 rgba(0,0,0,.25);box-shadow:1px 1px 5px 0 rgba(0,0,0,.25)}.whatsapp-button:focus,.whatsapp-chat .footer-chat button:focus,.whatsapp-chat .footer-chat input:focus{outline:0}