span 100% height of parent button
<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>