Как я могу разместить этот фон в тексте на этом гибком дисплее

Question

Что я могу сделать, чтобы этот зеленый контейнер (фон) в «btn» поместился под текст?

section {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

a {
  text-align: center;
  text-decoration: none;
  margin: 20px;
  padding: 20px;
  background-color: rgb(88, 194, 120);
}

<section id="sec1">
  <a href="#" class="btn">btn</a>
</section>

Answer 1

Измените flex на inline-flex.

section {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-around;
}

a {
  text-align: center;
  text-decoration: none;
  margin: 20px;
  padding: 20px;
  background-color: rgb(88, 194, 120);
}

<section id="sec1">
  <a href="#" class="btn">btn</a>
</section>