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

<{{#if anchorButton}}a href="#"{{else}}button{{/if}} class="c-button {{ buttonModifierClasses }}" {{{ buttonAttributes }}}>
  {{#if buttonIconId}}
    <svg class="c-button__icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
      <use xlink:href="{{ basePath }}/assets/patterns/images/sprite.svg{{ buttonIconId }}"></use>
    </svg>
  {{/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 anchorButton}}a{{else}}button{{/if}}>

{{/if}}
