如何更改框阴影css的宽度

我有一个按钮，悬停时有一个方框阴影

我不知道如何缩小盒子阴影的宽度 我将附加按钮的当前状态：

以下是相关代码：

.paddingbutton{
-webkit过渡：所有1s轻松；
-moz转换：所有1秒轻松；
-o-过渡：所有1容易；
-ms转换：所有1秒轻松；
过渡：所有的1容易；
}
.填充按钮：悬停{
-webkit盒阴影：0px 2px 3px 15px rgba（142,84,197,0.6），插入0 0 30px rgba（142,84,197,1）；
-moz盒阴影：0px 2px 3px 15px rgba（142,84,197,0.6），插入0 0 30px rgba（142,84,197,1）；
盒影：0px 2px 3px 15px rgba（142,84,197,0.6），插入0 0 30px rgba（142,84,197,1）；
}
.包装纸{
显示：网格；
网格模板列：自动；
栅隙：10px；
填充：10px；
证明项目：中心；
文本对齐：居中；
}
.整排{
网格柱：1/4；
文本对齐：居中；
}

---

如下所示调整代码

.paddingbutton{
显示：inline block；/*以覆盖所有图像*/
}
img{
显示：block；/*以避免底部出现空白*/
}
.填充按钮：悬停{
框阴影：插入0 30px rgba（142，84，197，1）；/*只需要插入*/
}
.包装纸{
显示：网格；
网格模板列：自动；
栅隙：10px；
填充：10px；
证明项目：中心；
文本对齐：居中；
}
.整排{
网格柱：1/4；
文本对齐：居中；
}

减少

15px

看看这一页：@TemaniAfif减少这一点也会减少我的阴影高度。试着使用我提供的代码笔，你会看到我在说什么about@Urel我知道阴影盒的基本知识。我想聪明点。我认为我没有按预期使用框阴影。删除图像使用的宽度=80%，并更改a以显示：内联块，然后只能保留插入阴影