<div class="trickle {{_id}} {{_trickle._button._component}}{{#if _trickle._button._isLocking}} is-locked{{/if}}{{#if _trickle._button._isFullWidth}} is-full-width{{/if}}{{#if _trickle._button._className}} {{_trickle._button._className}}{{/if}}">

  {{{a11y_aria_label _globals._extensions._trickle.incompleteContent}}}

  <div class="trickle__inner js-trickle-btn-container {{_trickle._button._component}}__inner {{#if _trickle._button._isLocking}} is-locked{{/if}}{{#unless _trickle._button._isVisible}} u-display-none{{/unless}}">
      
      {{!-- <div class="mr_trickel_btn_text {{#if _trickle._isFinal}}last-trickle{{/if}}">
         
          {{#if _trickle._isFinal}}
            {{{_trickle.ost.end}}}
          {{else}}
            {{{_trickle.ost.start}}}
          {{/if}}
      </div> --}}
      
     {{#if _trickle._isFinal}}

     {{!-- <div class="final_btn_container {{#if _trickle.ost.nextModule}} {{else}} finalBtn{{/if}}{{#if _trickle._isFinal}} final {{/if}}">       
       <button type="button" class="js-end-trickle-btn">
     {{{_trickle.ost.end}}}
    </button> 
    {{#if _trickle.ost.nextModule}}
    <button type="button" class="nextModule">
      {{{_trickle.ost.nextModule}}}
    </button> 
    {{/if}} --}}
   </div>

    {{else}}
    <button class="btn-text trickle__btn js-trickle-btn mr_trickle_btn Hovering-effect {{#if _trickle._button._isDisabled}} is-disabled{{/if}}{{#if _trickle._button._hasIcon}} btn-icon{{/if}}"{{#if _trickle._button._isDisabled}} disabled="disabled"{{/if}}>

      {{!-- {{#if _trickle._button._hasIcon}} --}}

      
      
     
     
      <div class="trickle__btn-icon">
        <div class="icon" aria-label=" {{#if _trickle._isFinal}}
            {{{_trickle.ost.endAlt}}}
          {{else}}
            {{{_trickle.ost.startAlt}}}
          {{/if}}"></div>
      </div>
    
      {{!-- {{/if}} --}}

      {{!--{{#any _trickle._button.finalText _trickle._button.text _trickle._button.startText}}
      {{!-- <div class="trickle__btn-text">
        <div class="trickle__btn-text-inner">
          {{#if _trickle._isFinal}}
            {{#if _trickle._button.finalText}}
              {{{_trickle._button.finalText}}}
            {{else}}
              {{{_trickle._button.text}}}
            {{/if}}
          {{else}}
            {{#if _trickle._isStart}}
              {{#if _trickle._button.startText}}
                {{{_trickle._button.startText}}}
              {{/if}}
            {{else}}
              {{{_trickle._button.text}}}
            {{/if}}
          {{/if}}
        </div>
      </div> --}}      
     {{!-- {{/any}}--}}
    </button>

 {{/if}}

   
  </div>
{{!-- {{_globals.helpPoup.ariaRegion}}

 <div class="nav__inner u-clearfix" style="position: fixed;top:0px;width:100%;max-width: unset!important; z-index:999">

  
  <div class="navigation-container" style="    display: flex;!important;
        align-items: baseline;
    justify-content: space-between;">
    <button  class="go-menu" role="button" title="" style="background-color: transparent;" onClick="clicktoMenucourseonLMS(this);">
      <img src="assets/icons/nav.png" alt="Go Menu" aria-hidden="true">
    </button>
    <button class="exit" title="Exit the course" role="button" style="background-color: transparent;" onClick="clicktoExitcourseonLMS(this);">
     
      <img src="assets/icons/Button_Close.png" alt="Exit" aria-hidden="true">
    </button>
    </div>
     </div> --}}

</div>

