@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)}to{-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)}to{-webkit-transform:translatey(0) scale(1);transform:translatey(0) scale(1);opacity:1}}*{padding:0;margin:0}.floating-container{height:100px;right:0;position:fixed;bottom:0;margin:35px 25px;width:100px}.floating-container:hover{height:300px}.floating-container:hover .floating-button{-webkit-transform:translatey(5px);transform:translatey(5px);-webkit-transition:all .3s;transition:all .3s;box-shadow:0 10px 25px rgba(205,33,34,.6)}.floating-container:hover .element-container .float-element:first-child{-webkit-animation:come-in .4s .2s forwards;animation:come-in .4s .2s forwards}.floating-container:hover .element-container .float-element:nth-child(2){-webkit-animation:come-in .4s .4s forwards;animation:come-in .4s .4s forwards}.floating-container:hover .element-container .float-element:nth-child(3){-webkit-animation:come-in .4s .6s forwards;animation:come-in .4s .6s forwards}.floating-container .floating-button{height:65px;font-size:23px;right:0;color:#fff;-webkit-transition:all .3s;transition:all .3s;position:absolute;bottom:0;text-align:center;margin:auto;box-shadow:0 10px 25px -5px rgba(44,179,240,.6);border-radius:50%;background:#cd2122;cursor:pointer;left:0;width:65px;line-height:65px;z-index:100}.floating-container .float-element{height:50px;-webkit-transform:translateY(100px);transform:translateY(100px);font-weight:500;color:#fff;position:relative;opacity:0;text-align:center;margin:15px auto;border-radius:50%;width:50px;line-height:50px;display:block;z-index:0}.floating-container .float-element .material-icons{font-size:16px;vertical-align:middle}.floating-container .float-element:first-child{box-shadow:0 20px 20px -10px rgba(66,165,245,.5);background:#42a5f5}.floating-container .float-element:nth-child(2){box-shadow:0 20px 20px -10px rgba(76,175,80,.5);background:#4caf50}.floating-container .float-element:nth-child(3){box-shadow:0 20px 20px -10px rgba(255,152,0,.5);background:#ff9800}