Changing the size of price displayed on Product page

Hi,

I cant get my head around this: I’d like to change the product price size on my product page.

I’m guessing it is this code, however it does not work: font-size: var(–font-size)

Se below full code:

/* Pricing */
.price {
font-size: var(–font-size);
}

.price–on-sale .price-item–regular {
text-decoration: line-through;
}

/* Hide sale and unit price on load */
.price-item–sale,
.price-item–unit,
.price__badge–sale,
.price__badge–sold-out {
display: none;
}

/* Show if on sale or unit available */
.price–on-sale .price-item–sale,
.price–on-sale .price__badge–sale,
.price–sold-out .price__badge–sold-out,
.price–unit-available .price-item–unit {
display: inline-block !important;
}

.product__add-inner-container .price__badges,
.product-top .product__add-inner-container .product__price-container,
.featured-product .product_page__price-wrapper .product__price-container {
display: none !important;
}

Any help is grateful!

@Wibke_Loh
Hello, font-size: var(–font-size) its a CSS code its pre define on your CSS file if you are change font size Select Particular Text or Section Class and Apply Custom CSS
or if any issue please share your store URL i Will check and Suggest CSS Related Solution
Thanks

Hey @Wibke_Loh
Kindly share your Store URL and Password if enabled