BBH

Big Action Upgrade 

<div class="
    c-big-action
    c-big-action--dark
    c-big-action--narrow
  ">
    <div class="c-copy">
        <p class="text-balance">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora fugiat libero, molestiae suscipit placeat ab. Recusandae odit aspernatur deserunt quae sit dicta inventore corporis eveniet libero accusamus! Quisquam, blanditiis corrupti?</p>

        <button class="
    c-button
    c-button--white
    c-button--filled
    c-button--large

    

    
  ">

            <span class="c-button__icon">

                <svg class="text-neutral-grey-02">
                    <use xlink:href="#star"></use>
                </svg>

            </span>

            <span class="
        c-button__label

        
        small-only:hidden
        

      ">Upgrade holen</span>

            <span class="c-button__label medium:hidden large:hidden">Upgrade holen</span>

        </button>

    </div>
</div>
 
<div
  class="
    c-big-action
    c-big-action--dark
    c-big-action--narrow
  "
>
  <div class="c-copy">
    <p class="text-balance">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora fugiat libero, molestiae suscipit placeat ab. Recusandae odit aspernatur deserunt quae sit dicta inventore corporis eveniet libero accusamus! Quisquam, blanditiis corrupti?</p>

      {% render '@button', {
        label: {
          default: 'Upgrade holen',
          mobile: 'Upgrade holen'
        },
        icon: 'star',
        theme: 'white',
        variant: 'filled'
      } %}

  </div>
</div>
 
/* No context defined. */

No notes defined.