.my-floating-nav{position:fixed;bottom:15px;right:15px;width:45px;height:45px;z-index:999999}.my-floating-mask{position:absolute;top:0;left:0;width:45px;height:45px;border-radius:50%;background:#f23363;color:#fff;text-align:center;line-height:45px;font-size:28px;cursor:pointer;box-shadow:0 0 5px rgba(0,0,0,.75);transition:all .1s ease-in-out}.my-floating-nav.active .my-floating-mask{background:#cf0e3f;transform:rotate(-135deg)}.my-floating-nav:after{content:'';position:absolute;top:0;left:0;width:45px;height:45px;border-radius:50%;background:#f23363;transition:all .1s ease-in-out;z-index:-1}.my-floating-nav.active:after{top:-125px;left:-125px;width:350px;height:350px}.my-floating-nav-item{position:absolute;width:45px;height:45px;border-radius:50%;background:#f23363;color:#fff;font-size:24px;text-align:center;line-height:45px;transform:none;transition:all .3s cubic-bezier(.68,1.55,.265,1);pointer-events:none;opacity:0}.my-floating-nav-item i{pointer-events:none}.my-floating-nav.active .my-floating-nav-item{opacity:1;pointer-events:auto}.my-floating-nav.active .nav-count-1{transform:translate(10px,-100px)}.my-floating-nav.active .nav-count-2{transform:translate(-35px,-80px)}.my-floating-nav.active .nav-count-3{transform:translate(-80px,-45px)}.my-floating-nav.active .nav-count-4{transform:translate(-100px,0)}.invisible{display:none}