绝对元素可以出现在父级的填充/边距上方吗？

Question

在此应用程序中，我有一个填充为30px的模式。在此模态内部，我有一个复选框，该复选框具有聚焦状态，该复选框在位置为：绝对的复选框周围创建一个圆。问题在于，一旦触及模态的填充，该圆的左侧就会被切除。除了重新设计复选框的结构之外，是否还有其他方法可以解决，所以它不需要位置：围绕它的绝对圆？

<div class="content--container">
    <input type="checkbox" class="checkbox">
</div>

.content--container {
    padding: 30px;
}

.checkbox {
    position: absolute;
    left: -7px;
    top: -3px;
    display: block;
    margin: 0;
    border-radius: 50%;
    width: 34px;
}