On peut modifier le CSS comme suit pour créer un cercle avec deux bordures :

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

Ce CSS ajoute une deuxième bordure en utilisant la propriété box-shadow, qui crée une ombre rouge de 5 pixels de large autour du cercle, créant ainsi l'illusion d'une deuxième bordure. La couleur de la deuxième bordure est déterminée par la valeur rouge de la propriété box-shadow.

Le CSS fourni permet d'obtenir l'effet souhaité, créant un cercle avec deux bordures distinctes qui répond de manière fluide aux changements de taille du conteneur.