<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="button"> Gravar <div></div> <i class="fa fa-shopping-cart"></i>' </div> </div> </div>

.button { backface-visibility: hidden; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; background: #5587fd; border-radius: 2px; border: 0px solid #444; border-width: 0px 0px 0px 0px; padding: 10px 49px 10px 15px; color: #fff; font-size: 12px; font-family: arial; font-weight: 500; font-style: normal } .button > div { color: #999; font-size: 10px; font-family: Helvetica Neue; font-weight: initial; font-style: normal; text-align: center; margin: 0px 0px 0px 0px } .button > i { font-size: 1em; background: #335af9; border-radius: 0px; border: 0px solid transparent; border-width: 0px 0px 0px 0px; padding: 14px 8px 14px 8px; margin: 0px 0px 0px 0px; position: absolute; top: 0px; bottom: 0px; right: 0px; width: 38px } .button > .ld { font-size: initial }