我正在尝试重复某种方式来显示我的帖子过滤器按钮-连续显示，底部带有边框，当选择项目时边框会更改颜色和大小。
现在，我的行似乎不在活动元素和未活动元素之间对齐。我还需要了解如何在两者之间进行过渡。
我当前的显示（向下滚动至“哥伦比亚帖子”： https://theslowroad.org/category/destinations/south-america/colombia/
我想要的结果（由插件产生）： https://theslowroad.org/27895-2/
我当前的CSS：
text-transform: uppercase;
font-size: 21px;
font-weight: 600;
background: #ffffff;
font-family: lato;
line-height: 30px;
padding-bottom: 2px;
padding-right: 20px;
padding-left: 20px;
border-bottom: solid #c8c8c8;
border-bottom-width: 0.5px;
transition-duration: 0.3s, 0.3s, 0.3s, 0.3s;
以及悬停/活动状态：
background: #ffffff;
color: #bf593a;
border-bottom: solid #bf593a;
border-bottom-width: 4px;
任何人都可以伸出援手吗？我对此很陌生！
编辑后添加： 似乎灰色和橙色边框未对齐的问题取决于屏幕尺寸。 ??