Как сделать ссылку с помощью CSS?

Question

[zatowarlock]

Доброго времени суток. Есть сайт на Wordpress https://elena-zhirnova-psy.ru/
Используется тема HashOne. На главной странице есть раздел со ссылками ЗАПИСЬ НА КОНСУЛЬТАЦИЮ
ЗАПИСЬ НА КУРС и т.д. с иконками. Переход по ссылкам возможен только, если нажать на текст. А как сделать кликабельными и иконки? Возможно ли это сделать с помощью CSS?

Answer 1

[Александр]

Добавляете родителю, который обрамляет ссылку и иконку position: relative, а ссылке добавляете

a::after {
 position: absolute;
 inset: 0;
 content: '';
}

Comments

[zatowarlock]

Добавил
.hs-featured-post.hs-featured-post1.wow.fadeInLeft
{
position: relative
}
.hs-featured-post.hs-featured-post1.wow.fadeInLeft.h3.a:after
{
position: absolute;
inset: 0;
visibility: hidden
content: url( 'https://blah.ru/');
}
Не получилось(( Да и inset горит красным, будто не знает такого свойства

[Александр]

1. Уже отличается от варианта, который написал.
2. Слишком много классов, селектор 100% проще.
3. inset, поддержка внизу страницы. Можно заменить на top, right, bottom, left.
4. В примере кода использую тэг, а вы его прилепили к классу, точно значит работать не будет.

[zatowarlock]

Александр, Упростил и заработало. Спасибо)