css - 如何将边框应用于 <a> 链接？

Question

当客户将鼠标悬停在我网站上的三个“服务小部件”之一上时，我试图添加一个红色的 2px 边框 https://tomnicholls.co在主页上。由于找不到容器，我不知道在哪里应用代码？我什至无法添加常规边框，更不用说 :hover 上的边框了。

我已经尝试将代码应用于 .col-link & .col-link .custom-link 并且还尝试为该列提供一个类并将代码应用于该类以及为实际内容 block 提供一个类(btn-widget ) 并对其应用 css，但似乎没有任何效果。

.btn-widget {
    width: 328px !important;
    margin-left: 72px !important;
    border-left: 2px !important;
    border-right: 2px !important;
    border-top: 2px !important;
    border-bottom: 2px !important;
    border-color: #c92228 !important;
    z-index: 1000;
    color: #000000 !important;
}

我想解决问题，悬停有边框

Answer 1

它适用于此:

a.col-link.custom-link:hover {
    border: 2px solid red;
}