How to make button

hi help me make this button which is shown in this design
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?
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="" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">

and then inside your <button> tag:

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

This works for me…