How to style text product-template.liquid and put an oval around depending on text length

Bain
Tourist
5 0 1

 

I am using the prestige theme and I want style my 'Restocked' like how you see it with 'Best Seller' that has the oval around it and a drop shadow if possible. Below is what I have in the product-template.liquid and I am trying to get the oval to autosize with the text and have a bit of padding to the sides and the top and bottom of the text, just like the picture of the 'best seller'. Any idea on how to do this?

 

What I have currently

Screen Shot 2021-11-12 at 10.08.54 PM.png    

What I am trying to get

Screen Shot 2021-11-12 at 10.07.00 PM.png

<div class="Product__InfoWrapper">
<div class="Product__Info {% if image_count == 0 %}Product__Info--noGallery{% endif %}">
<div class="Container">

{% if product.tags contains "new-badge" %}
NEW PRODUCT
{% elsif product.tags contains 'restocked' %}
RESTOCKED
{% elsif product.tags contains 'best-seller' %}
BEST SELLER
{% elsif product.tags contains 'selling-fast' %}
SELLING FAST
{% endif %}

{%- render 'product-meta', product: product, show_description: true -%}

{%- if product.template_suffix != 'coming-soon' -%}
{%- render 'product-form', product: product -%}
{%- endif -%}

 

 

Reply 1 (1)
Savior
Pathfinder
91 13 32

@Bain 

 

Please share your store URL and password if it is password protected.