How to Display the button and fontawesome icon in same line

<br>

.add-cart-button
{
    width:205px;
    height:56px;
    border-radius: 28px;
    background-color: #EC7F4A;
    color: #ffff;
    font-family: Roboto;
}
.add-cart-button-icon
{
    color: #232323;
    float: right;
    font-size: 40px;
}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

  <button  class="add-cart-button">
    <span>Add to Cart</span><i class="fa fa-plus-circle fa-6  add-cart-button-icon" aria-hidden="true"></i>
   </button>


I'm using Bootstrap4 doubt in button that i need to display button along with fontawosome icon.can any one please tell me to do it.

Expected image

Actual output i got now

Image of Actual output i got now

Learn HTML5 and CSS3 From Scratch

Learn HTML5 and CSS3 From Scratch

Learn HTML5 and CSS3 From Scratch - Full Course. HTML and CSS are essential skills to have for a career in web development. HTML is a markup language that is used developing web pages. CSS is a language responsible for layout and styling of the web pages.

Learn HTML5 and CSS3 From Scratch - Full Course

HTML and CSS are essential skills to have for a career in web development.

HTML is a markup language that is used developing web pages. CSS is a language responsible for layout and styling of the web pages.

In this course we will cover both languages from the scratch and by the end of the course you will be creating your own projects.

⌨️ (0:45:00) Heading & Paragraphs
⌨️ (0:55:00) Images
⌨️ (1:22:00) Links
⌨️ (1:39:00) Lists
⌨️ (1:45:00) Tables, forms, columns
⌨️ (2:00:00) Checkboxes, selection buttons (action value forms, no method)
⌨️ (2:15:00) Keyboard Shortcuts
⌨️ (2:27:00) Learning Resources (very useful)
⌨️ (2:32:00) First HTML Website ("Coffee Junkie")
⌨️ (3:14:00) Setting up for CSS
⌨️ (3:21:00) Color style for heading
⌨️ (3:28:00) Internal/External CSS
⌨️ (3:42:00) Internal has priority over external css
⌨️ (4:29:00) Color Properties, Value, RGB
⌨️ (4:58:00) Absolute Values - Font Size, Width, Height, Pixels
⌨️ (5:32:00) Calc () math functions
⌨️ (5:33:00) Typography
⌨️ (5:57:00) Text alignment
⌨️ (6:15:00) CSS Box models
⌨️ (6:33:00) Outline
⌨️ (6:39:00) Block elements
⌨️ (6:44:00) Horizontal Centering
⌨️ (7:06:00) Inspect (elements) of browser
⌨️ (7:28:00) Last Rule Order (images; properties, position, size, repeat)
⌨️ (7:49:00) Display:flex;
⌨️ (8:15:00) Float; clear/left/right
⌨️ (8:43:45) Media queries
⌨️ (8:57:00) index, static pos
⌨️ (9:06:00) Pseudo elements (p::before/after)
⌨️ (9:27:00) Basic Selectors
⌨️ (10:00:00) Transform translate transition:property
⌨️ (10:35:00) Animation
⌨️ (11:03:48) Free Icons
⌨️ (11:09:00) Text shadow
⌨️ (11:26:00) Emmet - web developer toolkit