经过广泛搜索，我一直在思考如何在CSS中复制这个按钮，特别是边框，因为如果可能的话，我会在其他元素上使用这个按钮。

设计的按钮

理想情况下，我希望有一个类，我可以应用到任何元素，添加所需的效果，并可以逆转，我已经尝试了伪元素，如：after but no joy

我真的不确定这是否能在纯css中被克服，@@️

顺晟科技：

考虑使用隐藏的behod。这是我在没有附加元素的情况下所能做的最接近的事情。

但是最好在按钮周围有一个包装器，因为它有点麻烦。

奖金

然后可以添加一些类似玻璃的效果。

可用于在右侧应用边框效果:

button.rounded-button {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1.125rem 2rem;
    
    position: absolute;
    width: 13.5919rem;
    height: 4.375rem;
    
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(0.7942rem);

    border-radius: 5.8652rem;
    border-image-slice: 1 1 0 0;
    border: 1px solid;
    border-image-source: linear-gradient(257.34deg, #FFFFFF 4.56%, rgba(255, 255, 255, 0) 29.19%);
    
    font-size: 1.25rem;
    line-height: 2.125rem;
    color: #fff;
}

body {
    background: #393939;
}