Css 混合边navabar不与背景混合

我试图让按钮的边缘与带有圆形边缘的标题融合，我尝试了25px的边界半径，但它显示的是较暗的颜色

button {
  padding: 9px 25px;
  background-color: rgba(0,136, 169, 1);
  border: none;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

button:hover{
  background-color: rgba(0, 136, 169,0.8);
}

---

你能给我们看一下你的代码按钮吗{填充：9px25px；背景色：rgba（0136169，1）；边框：无；边框半径：25px；光标：指针；过渡：所有0.3s；按钮：悬停{背景色：rgba（0136169，0.8）；}你能分享你的标题的全部代码吗？我看按钮上没有问题。还有其他原因导致了这个问题。

<header>
  <img class="logo" src="logo.png" alt="Logo"> 
  <nav>
    <ul class="nav_links">
      <li><a href="#">Services</a></li>  
      <li><a href="#">Projects</a></li>
      <li><a href="#">About</a></li>
    </ul>
  </nav>
  <a class="cta" href="#"><button>Contact</button></a>
</header>