Olá, Daniel! Como vai?
Ótimas observações, vou esclarecer suas dúvidas!
border-image: url(“./imagem.jpg”) 150 round;: A propriedade border-image é utilizada para definir uma imagem como borda de um elemento. No seu exemplo, "150" refere-se à largura da área da imagem que será usada como borda, mas não substitui a largura definida pela propriedade border. O termo "round" é um valor que indica como a imagem será ajustada ao redor do elemento. "Round" faz com que a imagem seja repetida e ajustada de forma a cobrir a borda sem cortes visíveis. Se a imagem não se ajustar perfeitamente, ela será redimensionada para caber.
box-shadow: A propriedade box-shadow permite adicionar sombras aos elementos. Por padrão, a sombra pode aparecer em todos os lados do elemento. No entanto, os valores que você define determinam a posição e a extensão da sombra. Por exemplo, box-shadow: 10px 10px 5px grey; cria uma sombra deslocada 10px para a direita e 10px para baixo, com um desfoque de 5px. Assim, a sombra pode parecer mais pronunciada na parte inferior e à direita, mas não é limitada a essas direções.
cursor: pointer;: Essa declaração é usada no CSS para alterar o cursor do mouse quando ele passa sobre um elemento. No caso do :hover, que é um pseudo-seletor para quando o usuário passa o mouse sobre um elemento, cursor: pointer; faz com que o cursor mude para uma mãozinha, indicando que o elemento é clicável, como um link ou um botão.
Espero ter ajudado e fico à disposição se precisar.
Abraço e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado
