If I want to make a button a single click button until the page is reloaded, how would one do that in CSS? I've looked on Google, but I'm not sure if I'm googling it right.

I have an idea that might work!, but what is it you're wanting the button to do?

So when battling if you double click two different buttons you get an error message so to stop myself from doing that i want to turn those buttons into single click buttons to stop me from double clicking

Ah man, I was really mistaken on what you meant. :( To my knowledge, there's no way to do that with CSS.

for reference when you are battling and you take your turn, it stops you from pressing the button until it "loads" the turn