HELLO
THE CODE:
<p style="margin: auto; padding: 0px 25px; text-transform: uppercase; color: black; border: 2px solid white; font-size: 16px; overflow: hidden; font-family: Helvetica, Arial, sans-serif; background: linear-gradient(#c13737, #7944fa); display: inline-block; vertical-align: middle; height: 30px; line-height: 30px; text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px; border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 1px 0px; box-sizing: content-box; opacity: 0.7;
animation: boom 1.3s infinite;">
HELLO</p>
*This code is not mine, I edited it. I don't know who created this code
Let me know if this works for you
Update: I did this on my page:
HELLO
The code:
<p style="background: linear-gradient(180deg, #ffffe0 1%, #FFD1CC 100%) transparent;border-radius: 15px; border: solid 3px white; box-shadow: 0px 0px 5px grey;width:200px; margin:auto; text-align:center;color:#fff; text-shadow: 1px 1px grey;font-size: 15px;animation: boom 1.3s infinite;">
<span style="font-size:28px;"><strong>HELLO</strong></span></p>