这是我次尝试做一个网站，我的导航栏中的链接间隔不均匀。是否有方法重写代码以正确地分隔代码，或者是否有任何CSS属性可以添加以帮助

以下是navbar链接的外观

CSS代码:

.navbar {
    background: #131313;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    position: sticky;
    top: 0;
    z-index: 999;
  }
  
  .navbar__container {
    display: flex;
    justify-content: space-between;
    height: 80px;
    z-index: 1;
    width: ;
    max-width: 2000px;
    margin: 0 auto;
    padding: 0 50px;
  }
  
  .navbar__menu {
    display: flex;
    align-items: center;
    list-style: none;
  }
  
  .navbar__item {
    height: 100px;
  }
  
  .navbar__links {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    
    width: 125px;
    text-decoration: none;
    height: ;
    transition: all 0.3s ease;
    

  }

HTML:

   <ul class="navbar__menu">
           <li class="navbar__item">
               
                <a href="#home" class="navbar__links" id="home-page">Home</a>
            </li>
            <li class="navbar__item">
                <a href="#new" class="navbar__links" id="new-page">New Releases</a>
            </li>
            <li class="navbar__item">
                <a href="#clothing" class="navbar__links" id="clothing-page"
                >Clothing</a>
                
            </li>
          
            <li class="navbar__btn">
                <a href="#sign-up" class="button" id="signup">Sign Up</a>
            </li>
            </ul>
   

顺晟科技：