<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

<ul>
  <li>
    <details>
      <summary>What is Netflix? <i class="fa fa-plus"></i></summary>
      <p>Netflix is a streaming service that offers a wide variety of award-winning TV shows, movies, anime, documentaries, and more on thousands of internet-connected devices. <br><br>You can watch as much as you want, whenever you want without a single commercial – all for one low monthly price. There's always something new to discover and new TV shows and movies are added every week!</p>
    </details>
  </li>
  <li>
    <details>
      <summary>How much Netflix cost? <i class="fa fa-plus"></i></summary>
      <p>Watch Netflix on your smartphone, tablet, Smart TV, laptop, or streaming device, all for one fixed monthly fee. Plans range from 26.99 TL to 54.99 TL a month. No extra costs, no contracts.</p>
    </details>
  </li>
</ul>

body {
  color: #fff;
  background: #000;
}

ul {
  width: 75%;
  margin: 72px auto;
}

ul li {
  margin-bottom: 8px;
}

details {
  background: #303030;
}

details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  list-style: none;
  user-select: none;
  padding: 20px 56px;
}

details summary i {
  transition: 0.15s;
}

details[open] summary i {
  transform: rotate(45deg);
}

details p {
  padding: 26px;
  border-top: 1px solid #000;
}