Как сделать такой закруглённый бордер?

div { 
  width: 100px; 
  height: 100px; 
  border-bottom: 5px solid red; 
  border-right: 5px solid red; 
  border-top: 5px solid red; 
  border-left: 5px solid rgba(0,0,0,0); 
  transform: rotate(45deg); 
  border-radius: 50%; 
}

<div></div>

div { 
  width: 30px; 
  height: 30px; 
  border-bottom: 1px solid red; 
  border-right: 1px solid red; 
  border-radius: 50%; 
}

<div></div>