Как сделать чтоб див загарался при наведении?

Question

[Sayyflyy]

<a href="#"><div id="button-top"><h4>Попробовать<br> бесплатно</h4></div></a></div>

#button-top {
    border: 5px solid #ef7c01;
    margin: auto;
    width: 392px;
    height: 129px;
    text-align: center;
    color: #ef7c01;
    margin-top: 8%;
    padding-top: 1%;
    box-shadow: 0 0 26px 5px,
                inset 0 0 26px 5px;
                
}
#button-top a {
  text-decoration: none;
}

Comments

[Алексей Медведев]

*зануда mode on* ЗагOрался *зануда mode off*

Answer 1

[Александр Голубев]

Селектор :hover применяет стиль при наведении на элемент курсором:

Например код ниже заставит кнопку светится красным по краям при наведении:

#button-top:hover {
    box-shadow: 0 1px 4px 0 rgba(255, 36, 36, 0.37);
}

Comments

[Sayyflyy]

Спасибо, помогло