请教css两个button之间的竖线怎么实现间隔相同

gemini方案,但是间隔不一致

.nav-button {
    background-color: transparent;
    border: 1px solid #000000;
    padding: 8px 18px;
    margin: 0 4px;
    font-size: 16px;
    /* font-weight: bold; */
    cursor: pointer;
    width: 150px;
    height: 40px;
    position: relative;
}
.nav-button:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 60px;
    background-color: #f0d4a6;
}