Use .pow-separator-[xs / sm / lg] class to specify a space before and after the separator
Add .pow-background-[color] to set the separator color
<div class="pow-flexbox pow-flex-row">
<a href="#" class="pow-action-sm icon-powell-comments pow-tooltip-ref">
<span class="visuallyhidden">Text for reader</span>
</a>
<div class="pow-separator-xs pow-flex-align-self-center pow-background-black300"></div>
<a href="#" class="pow-action-sm icon-powell-close-envelope pow-tooltip-ref">
<span class="visuallyhidden">Text for reader</span>
</a>
</div>
Combine with .pow-separator-bullet to have a bullet as separator
<div class="pow-flexbox pow-flex-row">
<a href="#" class="pow-action-sm icon-powell-comments pow-tooltip-ref">
<span class="visuallyhidden">Text for reader</span>
</a>
<div class="pow-separator-md pow-separator-bullet pow-flex-align-self-center"></div>
<a href="#" class="pow-action-sm icon-powell-close-envelope pow-tooltip-ref">
<span class="visuallyhidden">Text for reader</span>
</a>
</div>