<div class="subscribe-fab" data-subscribe-fab>
  <div id="subscribe-fab-panel" class="subscribe-fab__panel">
    <button class="subscribe-fab__toggle" type="button" aria-expanded="false" aria-controls="subscribe-fab-panel">
      <svg class="subscribe-fab__icon" viewBox="0 0 24 24" aria-hidden="true">
        <path d="M3 6h18v12H3z" fill="none" stroke="currentColor" stroke-width="0.5"/>
        <path d="M3 7l9 7 9-7" fill="none" stroke="currentColor" stroke-width="0.5"/>
      </svg>
      <span class="subscribe-fab__text">點我訂閱</span>
    </button>

    <form class="subscribe-fab__form" method="post" action="{% url 'newsletter_subscribe' %}">
      {% csrf_token %}
      <input
        class="subscribe-fab__input"
        type="email"
        name="email"
        required
        placeholder="輸入 Email">
      <button class="subscribe-fab__submit" type="submit">確認訂閱</button>
    </form>
  </div>
</div>
