Podemos modificar el CSS de la siguiente manera para crear un círculo con dos bordes:

div {
  width: 20em;
  height: 20em;
  border-radius: 50%;
  background-color: red;
  border: 4px solid #fff;
  box-shadow: 0 0 0 5px red;
}

Este CSS agrega un segundo borde usando la propiedad box-shadow, que crea una sombra roja de 5 píxeles de ancho alrededor del círculo, creando efectivamente la ilusión de un segundo borde. El color del segundo borde está determinado por el valor rojo en la propiedad box-shadow.

El CSS proporcionado logra el efecto deseado, creando un círculo con dos bordes distintos que responde con fluidez a los cambios en el tamaño del contenedor.