{% load conversation_tags %}

{% if not conversation.archived %}
    {% if conversation.stopped %}
        <button
         class="btn btn-primary action" 
         data-action='activate'
         data-url="{% conversation_screen conversation 'start' %}">
            Activate
        </button>

        <button
         class="btn btn-primary action" 
         data-action='archive'
         data-url="{% conversation_screen conversation 'archive' %}">
            Archive
        </button>
    {% elif conversation.running %}
        <button
         class="btn btn-primary action" 
         data-action='stop'
         data-url="{% conversation_screen conversation 'stop' %}">
            Deactivate
        </button>
    {% elif conversation.stopping %}
      <button
       class="btn btn-primary action" 
       data-action='stop'
       data-url="{% conversation_screen conversation 'stop' %}">
          Deactivating: Attempt to stop
      </button>
    {% elif conversation.starting %}
      <button
       class="btn btn-primary action" 
       data-action='stop'
       data-url="{% conversation_screen conversation 'stop' %}">
          Activating: Attempt to stop
      </button>
    {% endif %}
{% endif %}

{% load conversation_tags %}

{% if not conversation.archived %}
    {% if conversation.stopped %}
        <div class="btn-group">
          <button
           class="btn btn-primary action" 
           data-action='activate'
           data-url="{% conversation_screen conversation 'start' %}">
              Activate
          </button>
          <button
            class="btn action" 
            data-action='stop'
            data-url="{% conversation_screen conversation 'stop' %}"
            disabled>
              Deactivate
          </button>
        </div>

        <button
         class="btn btn-primary action" 
         data-action='archive'
         data-url="{% conversation_screen conversation 'archive' %}">
            Archive
        </button>
    {% elif conversation.running %}
        <div class="btn-group">
           <button
              class="btn action" 
              data-action='activate'
              data-url="{% conversation_screen conversation 'start' %}"
              disabled>
                Activate
          </button>
          <button
              class="btn btn-danger action" 
              data-action='stop'
              data-url="{% conversation_screen conversation 'stop' %}">
              Deactivate
          </button>
        </div>
    {% elif conversation.stopping %}
      <div class="btn-group">
          <button
            class="btn action" 
            data-action='activate'
            data-url="{% conversation_screen conversation 'start' %}"
            disabled>
              Activate
          </button>
          <button
           class="btn btn-danger action" 
           data-action='stop'
           data-url="{% conversation_screen conversation 'stop' %}">
              Deactivating: Attempt to stop
          </button>
      </div>
    {% elif conversation.starting %}
      <div class="btn-group">
        <button
         class="btn btn-primary action" 
         data-action='stop'
         data-url="{% conversation_screen conversation 'start' %}">
            Activating: Attempt to stop
        </button>
        <button
         class="btn action" 
         data-action='stop'
         data-url="{% conversation_screen conversation 'stop' %}"
         disabled>
            Deactivate
        </button>
      </div>
    {% endif %}
{% endif %}

Make activate / deactivate look like a toggle
Make activate / deactivate look like a toggle