@import url(https://fonts.googleapis.com/css?family=Roboto);@-webkit-keyframes come-in{0%{-webkit-transform:translatey(100px);transform:translatey(100px);opacity:0}30%{-webkit-transform:translateX(-50px) scale(.4);transform:translateX(-50px) scale(.4)}70%{-webkit-transform:translateX(0) scale(1.2);transform:translateX(0) scale(1.2)}100%{-webkit-transform:translatey(0) scale(1);transform:translatey(0) scale(1);opacity:1}}@keyframes come-in{0%{-webkit-transform:translatey(100px);transform:translatey(100px);opacity:0}30%{-webkit-transform:translateX(-50px) scale(.4);transform:translateX(-50px) scale(.4)}70%{-webkit-transform:translateX(0) scale(1.2);transform:translateX(0) scale(1.2)}100%{-webkit-transform:translatey(0) scale(1);transform:translatey(0) scale(1);opacity:1}}*{margin:0;padding:0}body,html{background:#eaedf2;font-family:Roboto,sans-serif}.floating-container{z-index:1000;position:fixed;width:100px;height:100px;bottom:0;right:0;margin:60px 40px}.floating-container:hover{height:300px}.floating-container:hover .floating-button{box-shadow:0 10px 25px rgba(70,33,1,.6);-webkit-transform:translatey(5px);transform:translatey(5px);-webkit-transition:.3s;transition:.3s}.floating-container:hover .element-container .float-element:first-child{-webkit-animation:.4s .2s forwards come-in;animation:.4s .2s forwards come-in}.floating-container:hover .element-container .float-element:nth-child(2){-webkit-animation:.4s .4s forwards come-in;animation:.4s .4s forwards come-in}.floating-container:hover .element-container .float-element:nth-child(3){-webkit-animation:.4s .6s forwards come-in;animation:.4s .6s forwards come-in}.floating-container .floating-button{position:absolute;width:65px;height:65px;background:#ffd0a3;bottom:0;border-radius:50%;left:0;right:0;margin:auto;color:#100e0e;line-height:65px;text-align:center;font-size:23px;z-index:1000;box-shadow:0 10px 25px -5px rgba(90,34,2,.6);cursor:pointer;-webkit-transition:.3s;transition:.3s}.floating-container .float-element{position:relative;display:block;border-radius:50%;width:55px;height:55px;margin:15px auto;color:#fff;font-weight:500;text-align:center;line-height:55px;z-index:0;opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}.floating-container .float-element .material-icons{vertical-align:middle;font-size:20px;color:#050506}.floating-container .float-element .bi-instagram,.floating-container .float-element .bi-whatsapp{vertical-align:middle;font-size:20px;color:#070808}.floating-container .float-element:first-child{background:#adfa8f;box-shadow:0 20px 20px -10px rgba(1,75,1,.5)}.floating-container .float-element:nth-child(2){background:#fcb8e9;box-shadow:0 20px 20px -10px rgba(255,0,208,.5)}.floating-container .float-element:nth-child(3){background:#b1f894;box-shadow:0 20px 20px -10px rgba(0,255,47,.5)}