Html Css，我想在不模糊div内容的情况下模糊边框

Html代码

<div style="display: inline" class="button">    <a href="indeks.html">Home</a> </div>  

问题是，我想在不模糊href中的文本的情况下模糊该边框。 我试着在网上找到它，但没有类似的（ppl可能只问如何模糊图像的一部分）。 我也尝试过使用z-index，但没有效果（为没有模糊的hrref添加了另一个类，并将其放在上面，但它似乎继承了属性）

我只是没有主意。

模糊的边界。。。好吧，我宁愿选择，而不是：

box阴影：0.08px 1px灰色，嵌入0.08px灰色；

以下是演示：

。按钮{
显示：内联块；填充：.4em；
盒影：0.08px 1px灰色，嵌入0.08px灰色；
}

.button {
border : 2px solid white ;
-webkit-filter: blur(3px);}