如何修改UIkit中uk-button-text按钮的下划线颜色

问题复现 #

当前实现代码如下：
样式代码：

.container-resultados-busca .escolha-resultado-pesquisa:hover {
  color: rgba(154, 217, 163, 1);
}

结构代码：

<button class="uk-button uk-button-text escolha-resultado-pesquisa">RESULTADOS DA PESQUISA</button>

实际表现：鼠标悬浮时按钮文字可正常切换为指定绿色，但下划线颜色未同步变更。

问题原因 #

UIkit 框架中 uk-button-text 类型按钮的下划线不是通过原生 text-decoration 属性实现，是通过按钮的 ::after 伪元素绘制的。仅修改按钮的color属性时，如果伪元素的颜色值没有正确关联文字颜色，就会出现文字和下划线颜色不同步的问题。

修复代码 #

直接在悬浮规则中补充伪元素的颜色设置即可，推荐使用currentColor关键字实现自动同步，后续修改文字颜色时无需单独调整下划线样式：

.container-resultados-busca .escolha-resultado-pesquisa:hover {
  color: rgba(154, 217, 163, 1);
}
/* 同步设置下划线颜色 */
.container-resultados-busca .escolha-resultado-pesquisa:hover::after {
  background-color: currentColor;
}

如果需要单独设置下划线和文字为不同颜色，直接把currentColor替换为目标色值即可。

内容的提问来源于stack exchange，提问作者spockcdr73