Quando os elementos a são hoverados, a cor do fundo faz uma transição para uma cor diferente. Você pode regular como essa transição acontece com a propriedade transition:

a {
  transition: color 1s linear;
}

Os valores que a propriedade transition aceita são, na ordem, a propriedade à qual a transição é aplicada, a duração da transição e o tempo. Se houver várias propriedades que tenham uma transição, você pode escrever os valores para cada uma separados por vírgula:

p {
  transition: property1 0.1s, property2 0.6s linear;
}

Se um valor for omitido, como o tempo para a primeira propriedade, um valor padrão é aplicado. Adicione ao seletor .card transition: transform 0.3s, background-color 0.3s ease. Experimente, a transição de hover está completa.

Testes:

• O seletor `.card` deve ter a propriedade `transition` definida como `transform 0.3s, background-color 0.3s ease`.