<div class="c-piano">
  <div class="c-piano__main">
    <a class="c-piano__back-link" href="#">Back</a>
    <p class="c-piano__header">We hope you’ve enjoyed your <strong>10 free</strong> articles this month.</p>

    <div class="c-piano__article-snippet">
      <h2 class="c-primary-title c-primary-title--news">An insult and a betrayal: Mexican President in hot water after Trump meeting</h2>
      <p class="c-article-meta">
        <span class="c-article-meta__bylines">Christopher Sherman and Mark Stevenson</span>
      </p>
      <div class="c-article-body u-truncated">
        <p class="c-article-body__text u-piano-text-margins">President Enrique Pena Nieto's meeting with Mexico's most-disliked man is turning into a public relations disaster for a leader already struggling with historically low popularity ratings.</p>
        <p class="c-article-body__text u-piano-text-margins">Not only did Pena Nieto not demand that Donald Trump apologize for calling Mexican migrants rapists and criminals, but he stood silently by in their joint press conference while the Republican candidate repeated his promise to build a border wall between the countries.</p>
      </div>
    </div>

    <div class="c-piano__cta">
      <p class="c-piano__cta-message">To continue reading this article, you must be a Globe Unlimited Subscriber</p>
      <p class="c-piano__cta-offer">Just 99¢ per week for the first 4 weeks <a class="c-piano__cta-offer-link" href="#">Start Today</a></p>
      <div class="c-piano__cta-info">
        <p class="c-piano__cta-info-text">Print newspaper subscriber? <a class="c-piano__cta-info-link" href="#">Click here for full access.</a></p>
        <p class="c-piano__cta-info-text">Already a Globe Unlimited subscriber? <a class="c-piano__cta-info-link" href="#">Log in to keep reading.</a></p>
      </div>
    </div>

  </div>
</div>
