Как сделать анимацию при наведении курсора css

Добавление анимации при наведении курсора происходит с помощью псевдокласса :hover. Создадим кнопку, которая будет менять цвет и свои границы при наведении на неё курсора.

Пример

 <button>Нажми меня</button>

button {
  border: 3px solid #3a7999;
}
button:hover {
  border: 3px dotted #3a7999;
  color: #3a7999;
  background: #38d9a9;
}