<div class='header-announcement'>
  <div class='wrapper'>
    <div class='flex flex--verticalCenter header-announcement__bar'>
      <div class='flex__item'>
        <div class='flex flex--verticalCenter'>
          <div class='header-announcement__logo'>
            {{partial 'svg/twitch-prime/crown'}}
          </div>
          <a class='header-announcement__link pd-l-1 pd-r-1' href='{{offerUrl}}' target='_blank' rel="noopener noreferrer">
            {{t 'premium.twitchPrime'}}
          </a>
          {{#if isShowBlackFriday}}
            {{i18n 'Members get awesome Black Friday deals on Video Games on Amazon, and get free 2-day shipping.'}}
          {{else}}
            {{t 'premium.headerPromo'}}
          {{/if}}
        </div>
      </div>
      <div class='flex__item'>
        <a class='header-announcement__link' href='{{offerUrl}}' target='_blank' rel="noopener noreferrer">
          {{#if isShowBlackFriday}}
            {{i18n 'Get the deals'}}
          {{else}}
            {{t 'premium.trialPromo'}}
          {{/if}}
        </a>
      </div>
    </div>
  </div>
</div>
