CSS permite de forma nuy fácil, conseguir diseñar un botón o elemento con un borde redondeado externo separado x pixeles.
Esto es posible aplicando la propiedad outline-offset on la cual podemos establecer un espacio entre un contorno outline y el límite del elemento.
Antes para conseguir este aspecto teníamos que recurrir a usar otras propiedades menos naturales como box-shadow, y pseudoelementos.
Con outline:
outline: 2px solid RED; outline-offset: 3px;
Ejemplo:
