Html CSS：填充和边框之间的空间

我试图删除：after部分周围的一些空白，但由于某些原因，在顶部、底部和右侧的红色边框和表示“复制”的部分之间总是有一点空白

.c按钮--复制：之后{
颜色：#fff；
背景色：#ed1a3b；
内容：“复制”；
显示器：flex；
填充：8px 16px；
位置：绝对位置；
右：0；
文本转换：无；
}
*，：之后，：之前{
框大小：边框框；
}
c按钮{
边界半径：50雷姆；
利润率：8px；
字号：700；
填充：8px 32px；
边框宽度：0；
显示：内联flex；
对齐项目：居中；
证明内容：中心；
文本对齐：居中；
文字装饰：无；
}
.c按钮-复制{
颜色：#000！重要；
文本转换：大写；
边框：4px实心#ed1a3b；
右边填充：88px；
文本对齐：左对齐；
位置：相对位置；
溢出：隐藏；
调整内容：灵活启动；
对齐项目：居中；
}

你好

只需从

a

中删除

溢出：隐藏的
：在
元素之后（右上和右下）添加边框半径，并将其稍微向右移动：
右：-2px


.c按钮--复制：之后{
颜色：#fff；
背景色：#ed1a3b；
内容：“复制”；
显示器：flex；
填充：8px 16px；
位置：绝对位置；
右：-2px；
文本转换：无；
边界右上角半径：50rem；
边框右下半径：50rem；
}
*，：之后，：之前{
框大小：边框框；
}
c按钮{
边界半径：50雷姆；
利润率：8px；
字号：700；
填充：8px 32px；
边框宽度：0；
显示：内联flex；
对齐项目：居中；
证明内容：中心；
文本对齐：居中；
文字装饰：无；
}
.c按钮-复制{
颜色：#000！重要；
文本转换：大写；
边框：4px实心#ed1a3b；
右边填充：88px；
文本对齐：左对齐；
位置：相对位置；
调整内容：灵活启动；
对齐项目：居中；
}

你好
对不起。我无法重现这种行为。你用的是哪个浏览器？我用的是谷歌Chrome哪个版本？87.0.4280.141版本很奇怪，这是一个相当新的浏览器，应该支持一切。。。