css style

Hi, I want to be able to change the close quiz button. I also have the problem that one of the fonts that I put on my website is not taking it. It’s Megan typeface. This is my code:
@font-face {
font-family: “Cera Pro”;
src: url(‘https://wonday.ar/wp-content/uploads/2023/04/cerapro-bold-webfont.woff’) format(‘woff’),
url(‘https://wonday.ar/wp-content/uploads/2023/04/cerapro-bold-webfont.woff2’) format(‘woff2’); }

@font-face {
font-family:’Megan’, serif !important;
src: url(‘https://wonday.ar/wp-content/uploads/2023/04/megan_demo-webfont.woff’) format(‘woff’),
url(‘https://wonday.ar/wp-content/uploads/2023/04/megan_demo-webfont.woff2’) format(‘woff2’); }

.builder-container-preview h1, .builder-container-preview h2, .builder-container-preview h3, .builder-container-preview h4, .builder-container-preview h5, .builder-container-preview h6, .widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6, .lq-quiz p{
font-family: ‘Megan’ !important;
}

Thank You