Olá, Flora!
O padding por si só não altera diretamente a funcionalidade do hover, mas sim o espaço que o hover pode atuar.
No CSS, o padding é uma propriedade que controla o espaço entre o conteúdo de um elemento e sua borda. Então, quando você adiciona padding a um elemento, você está aumentando a área desse elemento.
Quando você usa o hover, o efeito é aplicado ao elemento inteiro, incluindo o padding. Então, se você tem um botão com padding, quando você passa o mouse sobre o botão, o hover é ativado não apenas sobre o conteúdo do botão, mas também sobre o padding.
Isso significa que, se você remover o padding, a área em que o hover é ativado se torna menor, porque a área do botão é menor. E se você aumentar o padding, a área em que o hover é ativado se torna maior, porque a área do botão é maior.
Então em resumo o padding passou a dar visibilidade para o hover que no caso altera a cor de fundo, aumentando o tamanho do background-color:#0b0b48; passamos a ter visibilidade do mesmo.
Espero ter ajudado e Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
