How to make the font of an HTML button bigger with CSS

Question

I am trying to create a question mark button with no background color and a black font border but, despite on what I am writing on the font-size the button does not become bigger can someone help me on how I can achieve that? Also onclick I would like the button to have a textbox with a definition if you could give me an insight of how to do that too it would be perfect I am assuming JavaScript. Thank you: :)

 .btn{ background-color:rgba(252, 252, 252,0); border: 0 none; color:rgb(0,164,224); font-weight: 800; font-size: 60; size: 300px; -webkit-text-stroke: 2px black;}

 html: <button class="btn" id="button?">?</button>

Answer 1

You forgot to add px .

 .btn{ background-color:rgba(252, 252, 252,0); border: 0 none; color:rgb(0,164,224); font-weight: 800px; font-size: 60px; size: 300px; -webkit-text-stroke: 2px black;}

 html: <button class="btn" id="button?">?</button>