I'm struggling to get an SVG to align at the end of its containing div. The div is set to display in flex and I've tried using "align-self: flex-end" on the a tag that wraps the svg, as well as experimenting with block and float-right. Any suggestions or assistance would be greatly appreciated.
<div class="d-flex">
<a class="text-success" href="#"><h4 class="font-weight-bold mr-5">CRM Partners</h4></a>
<a href="#" class="text-success svg-end"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" class="angle-right text-success" style="min-width: 13px;"><path d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z"/></svg></a>
</div>
.svg-end {
align-self: flex-end;
}