How can I hide/show text only for mobile users?

I guess that you can set the class for the paragraph and set it’s display to none only on mobile view.

Such as,

@media screen and (max-width:479px){

.nameofclasswhichtheparagraphhas {display:none;}

}

And add a button below it but set it’s display to none for Laptop users. Such as,

@media screen and (max-width:768px){
.theclassofthebuton {display:none;}
}

and then use javascript for the button such as,

document.getElementById("buttonsID").onclick.style.display = "block";

Like this the button will show only on the mobile version and display the content when it is clicked.
This is something I am trying out as well though just trying to help. Depending upon the site, I don’t know if this can be implemented corrently. But still let me know if this was helpful.