How to make button

hi help me make this button which is shown in this design
help2
should i use :after pseudo element to get that black background and how to get such a good box shadow?

you could do something like this:

<button>Register Now <i class='your-font-awesome-class your-style-class'></i></button>

and to get that box-shadow, you can use chrome dev-tools to customize your shadow…

oh thanks :smile::smile:

when i did use font awesome right icon the <i class='your-font-awesome-class your-style-class'></i> font wasn’t visible bro ?

I don’t understand what you mean…?
Do you want to change the font, and add the arrow to the button?

https://www.w3schools.com/html/html_classes.asp
Hopefully this link clears up some confusion

if you are using font awesome to display that arrow, be sure to include fontawesome link inside of your <head>:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">

and then inside your <button> tag:

<i class="fas fa-arrow-right"></i>

This works for me…