Create square button

Hi guys,
I need to create a squared button.

I used a custom css class but I don’t see the text.


.large-button {
width: 80% !important;
padding: 0 0 80% 0 !important;

Could you please help me?


Try this. It works for me. Button text is centre aligned.

.large-button {
    width: 80px !important;
    height: 80px !important;

Thanks codebeepro, but I need a responsive solution

What exactly do you mean by I don’t see the text?

I solved using the codebeepro 's solution but I would like a responsive solution, percentage and not pixel. Is it possible?


.square {
width: 100% !important;
height:0 !important;
padding: 0 0 100% 0 !important;

Try this!