title: span 100% height of parent button
body: <p>I have the following markup</p>
  <pre><code>&lt;button class=&quot;filter&quot;&gt;&lt;div class=&quot;radio&quot;&gt;&lt;div class=&quot;circle&quot;&gt;&lt;/div&gt;&lt;/div&gt; &lt;span&gt;Account Management&lt;/span&gt;&lt;/button&gt;
  </code></pre>
  <p>and CSS</p>
  <pre><code>.filter {
      font-size: 3vw;
      text-align: left;
      line-height: 1.6;
      padding: 0px;
      display: block;
      height:auto;
      overflow: hidden;
      margin-bottom: 3px;
  }
  .filter span {
      background: $leithyellow;
      height: 100%;
      overflow:auto;
      display: block;
      width: calc(100% - 60px);
      float: left;
      margin-left:10px;
      padding-left:20px;
  }
  </code></pre>
  <p>I cannot get the span to expand to 100% height of the button. Can this be done?</p>