{{#if inputButton}}
  <input class="c-button {{ buttonModifierClasses }}" {{{ buttonAttributes }}}>
{{else}}

<{{#if anchorButton}}a href="#"{{else}}button{{/if}} class="c-button {{ buttonModifierClasses }}" {{{ buttonAttributes }}}>

  {{#if buttonIconId}}
    {{#unless buttonIconRight}}
      {{#if buttonIconPulse}}
        <div class="c-button__icon-pulse">
      {{/if}}
        <svg class="c-button__icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
          <use xlink:href="{{ generatedSvgSpritePath }}{{ buttonIconId }}"{{#if buttonIconUseClass}} class="c-button__icon__use"{{/if}}></use>
        </svg>
      {{#if buttonIconPulse}}
        </div>
      {{/if}}
    {{/unless}}
  {{/if}}

  {{#if duration}}
    <span class="c-button__text">
      <span class="c-button__primary-text">{{ label }}</span>
      <span class="c-button__secondary-text">{{ duration }}</span>
    </span>
  {{else}}
    {{#if buttonText}}
      <span class="c-button__text">
        {{#if buttonWarningIcon}}
        <svg class="c-button__icon{{#if buttonWarningIconClasses}} {{buttonWarningIconClasses}}{{/if}}" role="img" pointer-events="none" focusable="false" aria-hidden="true">
          <use xlink:href="{{ generatedSvgSpritePath }}{{ buttonWarningIcon }}" {{#if buttonIconUseClass}}
            class="c-button__icon__use" {{/if}}></use>
        </svg>
        <div class="c-button__text-content">{{{ buttonText }}}</div>
        {{else}}
        {{{ buttonText }}}
        {{/if}}
      </span>
      {{#if unreadStories}}
        <div class="c-button__unread-indicator">{{ unreadStories }}</div>
      {{/if}}
    {{/if}}
  {{/if}}

  {{#if buttonIconId}}
    {{#if buttonIconRight}}
      {{#if buttonIconPulse}}
        <div class="c-button__icon-pulse">
      {{/if}}
        <svg class="c-button__icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
          <use xlink:href="{{ generatedSvgSpritePath }}{{ buttonIconId }}"{{#if buttonIconUseClass}} class="c-button__icon__use"{{/if}}></use>
        </svg>
      {{#if buttonIconPulse}}
        </div>
      {{/if}}
    {{/if}}
  {{/if}}

</{{#if anchorButton}}a{{else}}button{{/if}}>

{{/if}}
