Hoʻoulu i ka Hoʻololi

 <style>
.accordion-left {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  border: none;
  margin-bottom: 10px;
}

.accordion-left .title {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  background: #eee;
  padding: 10px;
  cursor: pointer;
  color: #153f6b;
  font-weight: bold;
}

.accordion-left .content {
  max-width: 0;
  overflow: hidden;
  transition: max-width 0.5s ease, opacity 0.5s ease;
  opacity: 0;
  padding: 10px;
  background: #f9f9f9;
  color: #153f6b;
}

.accordion-left.open .content {
  max-width: 400px;
  opacity: 1;
}
</style>

<div class="accordion-left" onclick="this.classList.toggle('open')">
  <div class="title">^^^</div>
  <div class="content">
    <p><b>You are the heart of this movement.</p></b>
    <p>Membership includes:<br>• Monthly newsletter</p>
    <p>• One Kanakanomics financial literacy or ʻĀinapreneur Small Business Development digital download per month</p>
    <p>• Earlybird access to events and registrations</p>
    <p>• 10% discount on ticketed events</p>
  </div>
</div>