使用box-sizing：border-box；在实心和轮廓按钮上

Question

两个按钮彼此相邻，一个为实线，另一个为带边框。现在不应该调整框大小：border-box;意味着它们都是相同的高度（和宽度）...或者我想念什么？

示例：

.btn{
	padding: 1rem 2rem;
	display: inline-block;
	border-radius: 5px;
        box-sizing: border-box;
}

.btn-primary{
	background: red;
}

.btn-outline{
	border: 5px solid red;
        position: relative;
}

<a class="btn btn-primary">Test Me</a>
<a class="btn btn-outline">Test Me</a>