ken punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span></code></pre>
<p>Here’s something else you can do: if you have both text and an icon in the button, you can use <code>flex-space-between</code> instead of <code>flex-start</code>, to push the text and icon to opposite ends of the full-width button:</p>
<p><button class="btn-primary w-100% flex-space-between">100% width button<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256