Text Flowing outside of Button in Tablet and Mobile View

I have a full width button that when it is viewed in Mobile and Tabet view the text goes outside of the box..

I tried to fix it with “white-space: normal;” but it is not working well, the text is not centred nicely and some still goes outside the box. Any advice is appreciated!

.button.btn_full_width,
button.btn_full_width,
input[type="submit"].btn_full_width,
input[type="reset"].btn_full_width,
input[type="button"].btn_full_width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center;
white-space: normal;
}