How to Hide Button Text in Phone Mode ?

While building a website for small-screen devices like smartphones, it becomes important that we use every bit of screen space wisely, we could not afford to waste any area. To achieve this, we can hide some peripheral elements in phone mode.

Hiding button text in phone mode: 

Example: This example is implemented using CSS. We can use media queries in CSS to hide button text according to the screen size of the device. 

Example 2: The following example is implemented using bootstrap.

Output: 

Note: Both codes will give the same output, only the font style will change in the case of bootstrap due to the default bootstrap styling