Css 按钮未满显示的轮廓

我试图给我的网站上的按钮“大纲”风格时，活跃，但由于某种原因，完整的大纲没有出现。正如您在这个屏幕截图中看到的，按钮的顶部被切断。当它只是一个实心按钮时（您可以看到它旁边的实心按钮），就不会发生这种情况。也没有任何东西可以模糊大纲的视图。有人知道如何纠正这个问题吗？非常感谢

filter\u按钮{
颜色：#fff；
}
.vp-filter\u style-default.vp-filter\u item.vp-filter\u item-active>*{
背景色：#0F1B36；
轮廓样式：实心；
}
.当前cat.过滤器按钮，.过滤器按钮：悬停{
颜色：#03F0F1；
}

看起来可能是按钮上的边距、填充或高度问题，好像CSS与另一块或元素冲突。

给出html和css@Marko刚刚在我的帖子中添加了CSS。这些按钮是WordPress的VisualPortfolio插件的一部分，我刚刚添加了几行CSS来尝试更改按钮样式将链接发送到页面或更新代码，以便可以根据您包含的图像查看输出。