在课后定位图像

Question

我正在使用一个类来设置一些文本的样式，以及我想在课后（文本右侧）放置一个图像，显然！我正在努力。这是我到目前为止所做的。

<a href="#" class="tickbutton">Check your eligibility and apply now!</a>

.tickbutton {
  color: #fff;
  font-size: 15px;
  background: #5460ac url(../../images/tick.png) no-repeat right;
background-position:150% 50%;
  border: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  padding: 10px 16px;
  margin-bottom: 18px;
  display: inline-block;
width:auto;
}

这会将图像（透明刻度）放在容器内，我想将它放在右边。我尝试过使用tickbutton：after但仍然继承了背景颜色，因此它“仍然”出现在容器内部。

这可行吗？

谢谢， 克雷格