右侧有箭头的CSS3按钮（中间）

我想创建一个按钮，如下图所示：

我可以通过使用下面的css实现这一点，但我不能使用纯css。这是我第一次使用css

我想让它使用css3和引导，所以它将是移动友好

#main .btn-orange {
    background-color: #a14d0f;
    background-image: url("/media/img/btn-orange-icon.jpg");
    background-repeat: no-repeat;
    background-position: 143px 2px;
    color: white;
    padding: 14px 40px;
    margin-left: 64%;
    width: 11%;
    cursor: pointer; }

---

有人吗？

如果需要，可以将图标替换为ASCII符号

content:" \27a4 ";

---

你介意按钮是橙色的吗？如果没有，您可以使用Bootstrap的许多内置按钮样式中的一种。@sredmond是的。我需要orangecool中的按钮，但如何在BookNow和图标之间添加黑色边框？