Как сделать кнопку неоновой и подчеркивание ссылки неоновой линией?

Question

[Evgeniy]

Подскажите, как можно реализовать:

1) Сделать подчеркивание ссылки зеленой неоновой линией при наведении (сейчас просто зеленая линия).
2) Сделать рамку кнопки более выпуклой как на скрине и сделать её неоновой как на скрине.

Залил всё на Codepen:

Answer 1

[Lord_Dantes]

https://uicookies.com/css-glow-effects/

Answer 2

[topalek]

.effect-3 {
display: inline-block;
position: relative;
/* overflow: hidden; */
}
.effect-3:before {
position: absolute;
display: block;
left: 0;
bottom: 0;
width: 0%;
height: 2px;
background: #c6ff00;
transition: all .3s ease-in-out;
box-shadow: 0 0 5px rgba(198,255,0,1),0 0 10px rgba(198,255,0,.5),0 0 15px rgba(198,255,0,.25);
}
.effect-3:hover:before {
width: 100%;
}

Comments

[Evgeniy]

Спасибо, так и правда намного лучше, 1 пункт решен