Poll

<div class="preview-item">
  <div class="c-poll">
    <div class="c-poll__label">Yes, please</div>
    <!-- grid-template-columns: calc(value in % - (5.6rem * value in %)) auto; -->
    <div class="c-poll__chart" style="grid-template-columns: calc(30% - 1.68rem) auto">
      <div class="c-poll__bar"></div>
      <div class="c-poll__value">
        <span class="u-strong u-primary">300</span>
        (30%)
      </div>
    </div>

    <div class="c-poll__label">No, thank you</div>
    <div class="c-poll__chart" style="grid-template-columns: calc(60% - 3.36rem) auto">
      <div class="c-poll__bar"></div>
      <div class="c-poll__value">
        <span class="u-strong u-primary">600</span>
        (60%)
      </div>
    </div>

    <div class="c-poll__label">I'd rather not say</div>
    <div class="c-poll__chart" style="grid-template-columns: calc(10% - 0.56rem) auto">
      <div class="c-poll__bar"></div>
      <div class="c-poll__value">
        <span class="u-strong u-primary">100</span>
        (10%)
      </div>
    </div>
  </div>
</div>