{{#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}}
      <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>
    {{/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">
        {{ buttonText }}
      </span>
    {{/if}}
  {{/if}}

  {{#if buttonIconId}}
    {{#if buttonIconRight}}
      <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}}
  {{/if}}

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

{{/if}}
