<div class='front-page-announcement'>
  <div class='wrapper'>
    <div class='flex flex--verticalCenter front-page-announcement__bar'>
      <div class='flex__item col-lg-3'>
        <div class='front-page-announcement__logo'>
          <a href='{{tryPrimeHref}}' target='_blank' rel="noopener noreferrer">
            {{partial 'svg/twitch-prime/logo-twitch-prime'}}
          </a>
        </div>
      </div>
      <div class='flex__item col-lg-8'>
        <div class='flex flex--column'>
          <div class='flex__itme'>
            <h4 class='cl-white'>{{t 'premium.frontPageAnnouncement.first'}}</h4>
            <h4 class='cl-white mg-t-1'>{{t 'premium.frontPageAnnouncement.second'}}</h4>
          </div>
          <div class='flex__itme cl-white mg-t-2'>
            <a class='front-page-announcement__link' href='{{tryPrimeHref}}' target='_blank' rel="noopener noreferrer">
              {{t 'premium.trialPromo'}}
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
