É possível criar uma borda de contorno com raio?
Eu sei que você pode adicionar uma borda de contorno com CSS3.
outline: 10px solid red;
Agora eu queria saber como posso adicionar também um raio para essa borda de contorno.
Eu tentei este, mas não funciona:
.radius {
padding: 20px 60px;
text-transform: capitalize;
-moz-outline: 10;
outline: 10px solid red;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}