card information not center aligned on mobile

[SwaGeeth]

Hi, the card information including price is appears center aligned on my desktop but on mobile only the price is left aligned. Could anyone help to resolve this. 

.card-information__wrapper {
text-align: center !important;
}
.card-information__wrapper>.price>div {
margin: auto !important;
}

I added the above code to make the card information center aligned but I see it center aligned on Desktop but not on mobile.

Thanks!