按钮轮廓未完全显示

Question

我正在尝试使网站上的按钮处于活动状态时的“轮廓”样式，但是由于某些原因，没有显示完整的轮廓。如您在此屏幕截图中所见，按钮的顶部被切除。当它只是一个实心按钮（您可以在其旁边看到实心按钮）时，这没有发生。也没有任何方法可以遮挡轮廓视图。有谁知道如何纠正这个问题？非常感谢！

filter_button {
    color: #fff;
}

.vp-filter__style-default .vp-filter__item.vp-filter__item-active>* {
    background-color: #0F1B36;
    outline-style: solid;
}

.current-cat .filter_button, .filter_button:hover {
    color: #03F0F1;
}

Answer 1

似乎CSS可能与另一个零件或元素冲突，可能是按钮上的空白，填充或高度问题。