1px边框在缩小时四舍五入为0px

Question

我有一个具有以下CSS代码的按钮：

.btn--border, .popup input[type=submit] {
  border: 1px solid #d7ccbf !important;
  background: 0 0;
  color: #b07f46;
  margin: 40px auto 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .625rem;
}

除了Safari之外，它无处不在。当用户缩小时，其中一个边框在Safari中丢失：

我认为，它与舍入有关。有解决方案吗？

jsfiddle