{%
  set classes = [
  'paragraph',
  'paragraph--type--' ~ paragraph.bundle|clean_class,
  view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
  not paragraph.isPublished() ? 'paragraph--unpublished'
]
%}
{% block paragraph %}
  <div{{ attributes.addClass(classes) }}>
    {% block content %}
       <span class="counter">{{ content.field_run_up_value_for_the_count[0]['#markup'] }}</span>
       <span class="suffix">{{ content.field_counter_top_right[0]['#context']['value'] }}</span>
      {{ content.field_counter_bottom }}
    {% endblock %}
  </div>
{% endblock paragraph %}