Как уменьшать линию в зависимости от длины текста?

<div class="line">ТЕКСТ КАКОЙ-ТО</div>

.line {
  display: flex;
  align-items: center;
}
.line::after {
  content: "";
  display: block;
  flex: 1 1 auto;
  border-bottom: 1px solid #f00;
  margin-left: 20px;
}