{{#if ctas}}
  {{! Teaser with CTAs - not clickable, CTAs are buttons }}
  <div class="cms-teaser cms-teaser--{{imagePosition}}"{{#if id}} id="{{id}}"{{/if}} style="--teaser-width-desktop: {{desktopWidth}}%; --teaser-width-small: {{smallDesktopWidth}}%; --teaser-width-tablet: {{tabletWidth}}%; --teaser-width-mobile: {{mobileWidth}}%;">
    {{#if icon}}
      <div class="cms-teaser__image cms-teaser__icon">
        <i class="{{icon}}" aria-hidden="true"></i>
      </div>
    {{else}}
      {{#if imageSrc}}
        <div class="cms-teaser__image">
          <img src="{{imageSrc}}" alt="{{imageAlt}}" />
        </div>
      {{/if}}
    {{/if}}
    <div class="cms-teaser__content">
      {{#if title}}
        <h3 class="cms-teaser__title">{{title}}</h3>
      {{/if}}
      {{#if description}}
        <div class="cms-teaser__description">{{{description}}}</div>
      {{/if}}
      <div class="cms-teaser__ctas">
        {{#each ctas}}
          <a href="{{url}}" class="cms-teaser__cta">{{label}}</a>
        {{/each}}
      </div>
    </div>
  </div>
{{else}}
  {{#if link}}
    {{! Teaser with link but no CTAs - entire teaser is clickable }}
    <a href="{{link}}" class="cms-teaser cms-teaser--{{imagePosition}} cms-teaser--linked"{{#if id}} id="{{id}}"{{/if}} style="--teaser-width-desktop: {{desktopWidth}}%; --teaser-width-small: {{smallDesktopWidth}}%; --teaser-width-tablet: {{tabletWidth}}%; --teaser-width-mobile: {{mobileWidth}}%;">
      {{#if icon}}
        <div class="cms-teaser__image cms-teaser__icon">
          <i class="{{icon}}" aria-hidden="true"></i>
        </div>
      {{else}}
        {{#if imageSrc}}
          <div class="cms-teaser__image">
            <img src="{{imageSrc}}" alt="{{imageAlt}}" />
          </div>
        {{/if}}
      {{/if}}
      <div class="cms-teaser__content">
        {{#if title}}
          <h3 class="cms-teaser__title">{{title}}</h3>
        {{/if}}
        {{#if description}}
          <div class="cms-teaser__description">{{{description}}}</div>
        {{/if}}
      </div>
    </a>
  {{else}}
    {{! Teaser with no link and no CTAs - static display }}
    <div class="cms-teaser cms-teaser--{{imagePosition}}"{{#if id}} id="{{id}}"{{/if}} style="--teaser-width-desktop: {{desktopWidth}}%; --teaser-width-small: {{smallDesktopWidth}}%; --teaser-width-tablet: {{tabletWidth}}%; --teaser-width-mobile: {{mobileWidth}}%;">
      {{#if icon}}
        <div class="cms-teaser__image cms-teaser__icon">
          <i class="{{icon}}" aria-hidden="true"></i>
        </div>
      {{else}}
        {{#if imageSrc}}
          <div class="cms-teaser__image">
            <img src="{{imageSrc}}" alt="{{imageAlt}}" />
          </div>
        {{/if}}
      {{/if}}
      <div class="cms-teaser__content">
        {{#if title}}
          <h3 class="cms-teaser__title">{{title}}</h3>
        {{/if}}
        {{#if description}}
          <div class="cms-teaser__description">{{{description}}}</div>
        {{/if}}
      </div>
    </div>
  {{/if}}
{{/if}}