Dawn Theme: Icon Required Only for First Popup, but It Appears on All Popups

Store Design
, , , , , , ,
1

I am using the latest version of the Dawn theme. On the product page, I need to add a popup with an icon before the text. I successfully added the first popup with the required icon, but when I added three more popups, the same icon is appearing for all of them.

I want:

  1. The first box to have a ruler icon.
  2. The second big box to have a different icon and a different font size.

Please help me resolve this issue. I’ll attach the code below, but I cannot provide the website link because another website is already live.

Screenshot 2024-11-27 160017.png
Screenshot 2024-11-27 160017.png751×736 37.3 KB

Website: https://mannavan.myshopify.com/

Password: offnorth

Thanks in advance

2

Can u please help how to acheive that, I’m newbie for shopify

3 
.product-popup-modal__button::before{

    content: "";

    display: inline-block;

    width: 22px;

    height: 22px;

    background-image: url("https://cdn.shopify.com/s/files/1/0250/8849/1610/files/ruler.gif?v=1732692045");

    background-size: cover;

    margin-right: 5px;

    position: relative;

    top: 5px;

}

This is the code I’ve used to apply icon before the popup, where to do the changes, If possible different icon is can be done or else for 1st one alone icon and for others no icon simple text is ok.