venom-button.min.css

.venom-button{font:400 normal 15px/1.3 -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;position:fixed;bottom:15px;left:15px;font-size:14px;transition:bottom .2s}.venom-button .venom-button-button{position:relative;border-radius:50%;box-shadow:1px 1px 4px rgba(60,60,60,.4);transition:box-shadow .2s;cursor:pointer;overflow:hidden}.venom-button .venom-button-button img,.venom-button .venom-button-button svg{position:absolute;width:100%;height:auto;object-fit:cover;top:50%;left:50%;transform:translate3d(-50%,-50%,0);border-radius:50%}.venom-button:hover{bottom:17px}.venom-button:hover .venom-button-button{box-shadow:1px 2px 8px rgba(60,60,60,.4)}.venom-button .venom-button-popup{border-radius:6px;background-color:#e5ddd5;position:absolute;overflow:hidden;padding:0;box-shadow:1px 2px 8px rgba(60,60,60,.25);width:0;height:0;bottom:0;opacity:0;transition:bottom .1s ease-out,opacity .2s ease-out;transform-origin:bottom}.venom-button .venom-button-popup .drfHxL{position:absolute;top:8px;right:8px;width:20px;height:20px;opacity:.4;cursor:pointer;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;transition:all .3s ease 0s;outline:transparent}.venom-button .venom-button-popup .kdxbgZ{color:#111;display:flex;-webkit-box-align:center;align-items:center;padding:24px 20px}.venom-button .venom-button-popup .drfHxL::before{transform:rotate(45deg)}.venom-button .venom-button-popup .drfHxL::after{transform:rotate(-45deg)}.venom-button .venom-button-popup .drfHxL::after,.venom-button .venom-button-popup .drfHxL::before{content:"";position:absolute;width:12px;height:2px;background-color:#fff;display:block;border-radius:2px}.venom-button .venom-button-popup .eZEgcx{width:52px;height:52px;display:block;position:relative;flex-shrink:0}.venom-button .venom-button-popup .lngbRu{min-width:100%;height:100%;flex-shrink:0;background-size:cover;background-position:center center;background-repeat:no-repeat}.venom-button .venom-button-popup .izlSME{height:100%;width:100%;position:relative;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;overflow:hidden;border-radius:50%}.venom-button .venom-button-popup .izlSME::after{top:0;left:0;right:0;bottom:0;position:absolute;content:"";border-radius:50%;border-width:1px;border-style:solid;border-color:rgba(0,0,0,.1);border-image:initial;overflow:hidden}.venom-button .venom-button-popup .ewIAEB::before{display:block;position:absolute;content:"";left:0;top:0;height:100%;width:100%;z-index:0;opacity:.08;background-image:url(./assets/whatsapp.png)}.venom-button .venom-button-popup .cWUfUj{display:flex;z-index:1}.venom-button .venom-button-popup .acKCA{font-size:13px;font-weight:700;line-height:18px;color:rgba(0,0,0,.4)}.venom-button .venom-button-popup .dPhWdq{text-align:right;margin-top:4px;font-size:12px;line-height:16px;color:rgba(17,17,17,.5);margin-right:-8px;margin-bottom:-4px}.venom-button .venom-button-popup .hOnFlx{font-size:14px;line-height:19px;margin-top:4px;color:#111}.venom-button .venom-button-popup .ewIAEB{background-color:#e6ddd4;position:relative;max-height:382px;padding:20px 20px 20px 10px;overflow:auto}.venom-button .venom-button-popup .iNguXd{background-color:#fff;width:52.5px;height:32px;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin-left:10px;opacity:0;z-index:1;box-shadow:rgba(0,0,0,.13) 0 1px .5px;border-radius:16px;transition:all .1s ease 0s}.venom-button .venom-button-popup .dSUAOZ{background-color:#fff;position:relative;opacity:0;transform-origin:center top;z-index:2;box-shadow:rgba(0,0,0,.13) 0 1px .5px;margin-top:4px;margin-left:-54px;max-width:calc(100% - 66px);padding:7px 14px 6px;border-radius:0 8px 8px;transition:all .3s ease 0s}.venom-button .venom-button-popup .eZEgcx::before{content:"";bottom:0;right:0;width:12px;height:12px;box-sizing:border-box;background-color:#4ad504;display:block;position:absolute;z-index:1;border-radius:50%;border-width:2px;border-style:solid;border-color:#095e54;border-image:initial}.venom-button .venom-button-popup .hhASjW{margin-left:16px;margin-right:16px}.venom-button .venom-button-popup .ioFWLq{font-size:13px;line-height:18px;margin-top:4px;color:#fff}.venom-button .venom-button-popup .hDGnqR{font-size:16px;font-weight:700;line-height:20px;color:#fff}.venom-button .venom-button-popup .hqsrSh{margin-left:8px;margin-right:8px;z-index:1;color:#fff}.venom-button .venom-button-popup .jwwAjt{color:#fff;font-size:15px;font-weight:700;line-height:20px;cursor:pointer;position:relative;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;appearance:none;padding:8px 12px;border-radius:20px;border-width:initial;border-style:none;border-color:initial;border-image:initial;background:#4fce5d;margin:20px;overflow:hidden}.venom-button .venom-button-popup .jwwAjt::before{content:"";position:absolute;display:block;opacity:0;transform:scale(1);background-color:#000;z-index:0;width:10px;height:10px;bottom:-5px;transition:all .2s ease 0s;border-radius:20px}.venom-button .venom-button-popup .jkaHSM{width:16px;height:16px;fill:#fff;z-index:1;flex:0 0 16px}.venom-button .venom-button-popup svg{width:20;height:20;fill-rule:evenodd;clip-rule:evenodd}.venom-button .venom-button-popup svg:not(:root){overflow:hidden}.venom-button .venom-button-popup.active{box-shadow:rgba(0,0,0,.1) 0 12px 24px 0;display:flex;flex-direction:column;width:360px;background-color:#fff;transform:translate3d(0,0,0);opacity:1;pointer-events:all;visibility:visible;touch-action:auto;margin-bottom:96px;position:fixed;bottom:20px;height:auto;right:0;left:auto;margin-right:20px;border-radius:10px;overflow:hidden;transition:opacity .3s ease 0s,margin .3s ease 0s,visibility .3s ease 0s}.venom-button .venom-button-popup .venom-button-message{background-color:#fff;padding:8px;border-radius:0 5px 5px 5px;box-shadow:1px 1px 1px rgba(0,0,0,.15);opacity:0;transition:opacity .2s}.venom-button .venom-button-popup.active .venom-button-message{opacity:1;transition-delay:.2s}.venom-button .venom-button-popup .venom-button-head{text-align:right;color:#fff;margin:0 -15px 10px -15px;padding:6px 12px;display:flex;justify-content:space-between;cursor:pointer}.venom-button .venom-button-input-message{background-color:#fff;margin:10px -15px -15px -15px;padding:0 15px;display:flex;align-items:center}.venom-button .venom-button-input-message textarea{border:1px solid #ccc;border-radius:4px;box-shadow:none;padding:8px;margin:10px 20px 30px;width:100%;outline:0;max-width:100%;font-family:inherit;font-size:inherit;resize:none}.venom-button .venom-button-btn-send{position:relative;top:-10px;left:-10px;font-size:0;cursor:pointer}