.circular-menu{position:absolute;z-index:7000;bottom:20px;right:10px}.circular-menu .floating-btn{display:block;width:2.3em;height:2.3em;border-radius:50%;background-color:#5197e6;box-shadow:0 2px 5px #00000042;color:#fff;text-align:center;line-height:3.9;cursor:pointer;outline:0}.circular-menu.active .floating-btn{box-shadow:inset 0 0 3px #0000004d}.circular-menu .floating-btn:active{box-shadow:0 4px 8px #0006}.circular-menu .floating-btn i{font-size:1.3em;transition:transform .2s}.circular-menu.active .floating-btn i{transform:rotate(-45deg)}.circular-menu:after{display:block;content:" ";width:2.3em;height:2.3em;border-radius:50%;position:absolute;top:0;right:0;z-index:-2;background-color:#5eadff33;transition:all .3s ease}.circular-menu.active:after{transform:scale3d(5.5,5.5,1);transition-timing-function:cubic-bezier(.68,1.55,.265,1)}.circular-menu .items-wrapper{padding:0;margin:0}.circular-menu .menu-item{cursor:pointer;position:absolute;top:.2em;right:.2em;z-index:-1;display:block;text-decoration:none;color:#fff;font-size:1em;width:1.9em;height:1.9em;border-radius:50%;text-align:center;background-color:#0000001a;transition:transform .3s ease,background .2s ease}.circular-menu .menu-item:hover{background-color:#0000004d}.circular-menu.active .menu-item{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.circular-menu.active .menu-item:nth-child(1){transform:translate3d(1em,-7em,0)}.circular-menu.active .menu-item:nth-child(2){transform:translate3d(-.6em,-5em,0)}.circular-menu.active .menu-item:nth-child(3){transform:translate3d(-4.1em,-2.7em,0)}.circular-menu.active .menu-item:nth-child(4){transform:translate3d(-4.8em,1em,0)}.circular-menu.circular-menu-left{right:auto;left:1em}.circular-menu.circular-menu-left .floating-btn{background-color:#4387f4}.circular-menu.circular-menu-left:after{background-color:#5eadff80}.circular-menu.circular-menu-left.active .floating-btn i{transform:rotate(90deg)}.circular-menu.circular-menu-left.active .menu-item:nth-child(1){transform:translate3d(-1em,-7em,0)}.circular-menu.circular-menu-left.active .menu-item:nth-child(2){transform:translate3d(2.3em,-6.3em,0)}.circular-menu.circular-menu-left.active .menu-item:nth-child(3){transform:translate3d(6.5em,-3.2em,0)}.circular-menu.circular-menu-left.active .menu-item:nth-child(4){transform:translate3d(7em,1em,0)}