Podemos modificar o CSS da seguinte maneira para criar um círculo com duas bordas:

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

Este CSS adiciona uma segunda borda usando a propriedade box-shadow, que cria uma sombra vermelha de 5px de largura ao redor do círculo, criando efetivamente a ilusão de uma segunda borda. A cor da segunda borda é determinada pelo valor vermelho na propriedade box-shadow.

O CSS fornecido atinge o efeito desejado, criando um círculo com duas bordas distintas que responde com fluidez às mudanças no tamanho do contêiner.