Как применить границу к ссылке <a>?

Question

Я пытаюсь добавить красную границу размером 2 пикселя, когда клиент наводит курсор на один из трех моих «сервисных виджетов» на моем веб-сайте https://tomnicholls.co на главной странице.Я не могу понять, где применить код, поскольку я не могу найти контейнер?Кажется, я даже не могу добавить обычную рамку, не говоря уже о границе: hover.

Я попытался применить код к .col-link & .col-link .custom-link и также попытался датьстолбец класса и применение кода к нему, а также присвоение фактическому блоку контента класса (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;
}