.floating-nav-wrapper{z-index:100;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.floating-nav-wrapper .floating-nav{background:linear-gradient(#fff 0%,#cddcdf 92.86%);border-radius:77px;justify-content:center;align-items:center;width:70px;height:70px;padding:0;transition:all .4s;display:flex;position:relative;overflow:hidden}.floating-nav-wrapper .floating-nav.open{flex-shrink:0;width:800px}.floating-nav-wrapper .floating-nav.open .nav-buttons{opacity:1;pointer-events:auto}.floating-nav-wrapper .floating-nav .nav-buttons{opacity:0;pointer-events:none;justify-content:center;align-items:center;gap:10px;transition:all .4s;display:flex}.floating-nav-wrapper .floating-nav .nav-logo{z-index:2;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px}.floating-nav-wrapper .floating-nav .nav-logo svg{width:70px;max-width:70px;height:70px;transition:all .3s}.floating-nav-wrapper .floating-nav .nav-btn{cursor:pointer;z-index:0;color:#f8f8f8;width:max-content;height:50px;font-family:var(--font-poppins);letter-spacing:.2px;border-radius:100px;justify-content:center;align-items:center;padding:5px 22px;font-size:16px;font-weight:700;line-height:16px;transition:background .4s,transform .3s,filter .3s;display:flex;position:relative;overflow:hidden}.floating-nav-wrapper .floating-nav .nav-btn:before{content:"";z-index:-1;border-radius:inherit;transition:opacity .4s;position:absolute;inset:0}.floating-nav-wrapper .floating-nav .nav-btn:hover:before{opacity:0}.floating-nav-wrapper .floating-nav .nav-btn.purple{background:linear-gradient(#a62cd4 0%,#4e2e8b 100%)}.floating-nav-wrapper .floating-nav .nav-btn.purple:before{background:linear-gradient(#4e2e8b 0%,#a62cd4 100%)}.floating-nav-wrapper .floating-nav .nav-btn.red{background:linear-gradient(27deg,#c90d44 0%,#ff1d25 100%)}.floating-nav-wrapper .floating-nav .nav-btn.red:before{background:linear-gradient(27deg,#ff1d25 0%,#c90d44 100%)}.floating-nav-wrapper .floating-nav .nav-btn.blue{background:linear-gradient(207deg,#3fa9f5 0%,#4191d9 100%)}.floating-nav-wrapper .floating-nav .nav-btn.blue:before{background:linear-gradient(207deg,#4191d9 0%,#3fa9f5 100%)}.floating-nav-wrapper .floating-nav .nav-btn.yellow{background:linear-gradient(207deg,#fcee21 -12.05%,#f5c200 10.4%)}.floating-nav-wrapper .floating-nav .nav-btn.yellow:before{background:linear-gradient(207deg,#fcee21 -12.05%,#f5c200 55.4%)}@media (max-width:768px){.floating-nav-wrapper{z-index:100;position:fixed;bottom:24px;left:auto;right:24px;transform:none}.floating-nav-wrapper .floating-nav{width:auto;height:auto;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;align-items:flex-end;padding:0;display:flex}.floating-nav-wrapper .floating-nav .nav-logo{cursor:pointer;order:3;width:60px;height:60px;transition:transform .3s}.floating-nav-wrapper .floating-nav.open .nav-buttons{opacity:1;visibility:visible;pointer-events:auto;display:flex;transform:translateY(0)}.floating-nav-wrapper .floating-nav .nav-buttons{opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;align-items:flex-end;gap:14px;margin-bottom:14px;transition:all .3s;display:none;transform:translateY(10px)}.floating-nav-wrapper .floating-nav .nav-buttons .nav-btn{height:auto;padding:12px}.floating-nav-wrapper .floating-nav .nav-buttons.left{order:1}.floating-nav-wrapper .floating-nav .nav-buttons.right{order:2}}