链接未占用完整div

Question

我有一个应该显示的链接按钮： 注册>

我试图通过将2个div浮动到父div中来解决此问题。在其中两个中添加2个链接按钮，其中一个以“注册为文本”，另一个在>中作为文本。

然后我添加了一个CSS类，以使标签占据整个div。对于寄存器部分，这完美地起作用，对于>部分，这根本不起作用。 有什么建议吗？

试图用文本替换>以查看其作用，但那里也没有解决方案，>字符似乎不是问题

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />

.eventWebsite {
  /*padding:10px 10px;*/
  font-weight: bold;
  background-color: #ffc903;
  align-items: center;
}

.eventWebsite a {
  color: inherit;
}

.eventArrow {
  color: #000;
}

.link_class2 {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 6% 8%;
}

<div class="row noMargin col-12 pl0 pr0 eventWebsite">
  <div class="col-10 pl0">
    <a id="cntModal_hypEventWebsite" class="link_class2" href="https://www.eventbrite.co.uk/e/new-crestron-cpd-transforming-design-with-light-tickets-55068781207">Event website</a>
  </div>
  <div class="col-2 EventArrow" style="text-align:right;">
    <a id="cntModal_hypEventWebsiteArrow" class="link_class2" href="https://www.eventbrite.co.uk/e/new-crestron-cpd-transforming-design-with-light-tickets-55068781207">&gt;</a>
  </div>
  <br style="clear:both;">
</div>