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?