<div class="cf nr2 nl2 mb3">
  <div class="fl-ns w-50-ns ph2">
    <p>
      Ghost buttons are used with icons only.
    </p>
    <p>
      Add a background if there is not enough cue that the button is actionable.
    </p>
  </div>
  <div class="fl-ns w-50-ns ph2">
    <img class="db w-100-ns outline outline--black-01 outline-offset--1" src="../images/buttons/button-ghost.svg" alt="">
  </div>
</div>
<div class="cf nr2 nl2 mb3">
  <div class="fl-ns w-50-ns ph2">
    <p>
      Ghost buttons include an icon with no accompanying text.
    </p>
    <p>
      Add a background if there is not enough cue that the button is actionable.
    </p>
  </div>
  <div class="fl-ns w-50-ns ph2">
    <img class="db w-100-ns outline outline--black-01 outline-offset--1" src="../images/buttons/button-ghost.svg" alt="">
  </div>
</div>
Update Ghost to: Ghost buttons include an icon with no accompanying text. Add a background if there is not enough cue that the button is actionable.
[edit] Update Ghost to: Ghost buttons include an icon with no accompanying text. Add a background if there is not enough cue that the button is actionable.

according to brjones’ notes
