.nav-button{color:hsla(0,0%,100%,.6);text-decoration:none;position:relative;cursor:pointer;transition:color .3s ease-in-out;font-size:14px;display:flex;align-items:center;gap:4px}.nav-button:before{content:"";position:absolute;width:4px;height:4px;border:1px solid #35c9ff;border-radius:50%;opacity:0;transition:opacity .3s ease-in-out;top:50%;left:-10px;transform:translateY(-50%)}.nav-button:hover{background:linear-gradient(270deg,#96efff 43.29%,#06bdff 129.87%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-button:hover:before{opacity:1}.triangle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid hsla(0,0%,100%,.6);transition:transform .3s ease-in-out}.triangle.active{transform:rotate(180deg)}.nav-button:hover .triangle{border-top:5px solid #06bdff}@keyframes dropdownEnter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.dropdown-menu{position:absolute;top:100%;left:0;list-style:none;margin:8px 0 0;padding:0;z-index:3;min-width:150px;display:flex;flex-direction:column;border-radius:10px;background:#313131;animation:dropdownEnter .2s ease-out forwards;transform-origin:top center}.dropdown-menu.exit{animation:dropdownExit .2s ease-in forwards}.dropdown-menu:before{content:"";position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #313131;top:-10px;left:20px;transform:translateX(-50%)}.dropdown-item{color:#fff;padding:8px 12px;font-size:14px;cursor:pointer;transition:background-color .3s ease-in-out,color .3s ease-in-out;text-decoration:none;transition:all .5s ease}.dropdown-item:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.dropdown-item:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.dropdown-item:hover{background-color:rgba(6,189,255,.5)}