使用 clip-path 获取工具提示的圆形边框

Question

有一个非常烦人的 CSS 挑战，我需要让工具提示具有线性渐变背景，周围也有圆形边框。

这是我的解决方法，但是自从我使用

clip-path

以来只有顶部的两个角有圆形边框，有没有办法让底部的两个角也有

border-radius

？ （请不要伪类）

谢谢堆

.wrapper, .container {
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 10px), calc(50% + 10px) calc(100% - 10px), 50% 100%, calc(50% - 10px) calc(100% - 10px), 0% calc(100% - 10px));
}


.wrapper {
  display: inline-block;
  color: white;
  background-color: red;
  border-radius: 5px;
}

.container {
  padding: 8px 8px 17px;
  margin: 5px;
  background: linear-gradient(to right, #000 39%, transparent 39%, transparent 61%, black 61%) no-repeat, linear-gradient(to bottom, rgba(15, 15, 15, 0.8) 0%, blue 100%);
  background-size: 100% 1px, 100%;
}

<div class="wrapper">
  <div class="container">
    <h1>Content</h1>
  </div>
</div>