border e border-radius

• border — desenha a borda, no formato largura + estilo + cor
• border-radius — arredonda os cantos

.cupom {
  border: 2px solid purple;
  border-radius: 12px;
}

A ordem em border é largura estilo cor (2px solid purple). O estilo mais comum é solid (linha cheia); existem dashed (tracejada) e dotted (pontilhada).

💡 O segredo dos botões e cartões modernos: aquele visual "app bonito" quase sempre é só border-radius (cantos arredondados) + padding + uma cor de fundo. Você já sabe fazer os três.

⚠️ Erro comum: escrever só border: purple — sem o estilo (solid), a borda não aparece.