Cart Button alignment help

I added this custom code to my shopify . for metafield display for a custom message. However all the products that have this custom display above the price push the add to cart button off alignment. What can i do to ensure all products and add to cart remain aligned whether they have a custom message or not .

{%- if show_metafield != blank -%}
  {%- assign metafield_parts = show_metafield | split: '.' -%}
  <div style="margin-top: 0.5rem;" class="caption-with-letter-spacing light">{{ card_product.metafields[metafield_parts[0]][metafield_parts[1]] }}</div>
{%- endif -%}

My live shop doesnt have add to cart display as my site is closed. I am currently working off draft