como puedo bajar el texto change para que aparezca en el medio del contenido usando bootstrap
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<div class=" row justify-content-center mt-5">
<div class="col-4">
<img src="/Order Sumary/images/icon-music.svg" alt="">
<span class="h6"> Annual Plan</span>
<span class="text"><a href="">Change</a></span>
<p>$59.99/year</p>
</div>
</div>
No se como puedo hacer para bajar un poco más el enlace (texto) Change he probado con todo con margin por ejemplo y nada
<br>
entre los<span>
es suficiente.