Как изменить цвет ссылки при наведении CSS

Изменение цвета ссылки необходимо, когда нужно ее выделить, например в тексте, так ссылка будет выглядеть более привлекательно для пользователей. Но такая ссылка будет хорошо смотреться в любом месте сайта.

Пример

Lorem Ipsum

HTML


<a href="#" class="change-color-link" title="">Lorem Ipsum</a>

CSS


.change-color-link{
  color: #f66d52; /* Цвет ссылки */
  font-size: 2em;
  font-weight: bold;
  padding: 20px 0px;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: all 1s ease;
          transition: all 1s ease; /* Время изменения цвета */
}
.change-color-link:hover{
  color: #ffa000; /* Меняем цвет ссылки */
}