A colleague of mine has rented a webshop from a company. They have the option to select different templates and are also able to customize the CSS and add Javascript snippets. They reached out to me for help with making some modifications, but there's one particular issue I'm struggling with: the add to cart button. Within the CSS code below, there is a "content" property with a fixed value. I am interested in dynamically changing this value based on the HTML lang attribute. Do you have any suggestions on how I could accomplish this? (I already know how to retrieve the value of the lang attribute, my challenge lies in altering the value of the "content" property)
#add_to_cart:before {
display: block;
font-family: 'sosa';
font-size: 35px;
content: "Ä";
padding-right: 5px;
font-weight: 400;
width: 71px;
height: 71px;
line-height: 65px;
text-align: center;
text-indent: 0;
text-shadow: none;
color: #fff;
}