У меня есть пробел при попытке центрировать псевдоэлемент ⇐ CSS

[Гость]

у меня есть кнопка button, и я пытаюсь добавить к ней псевдоэлемент ::before в центре но когда я пытаюсь, у меня появляется небольшой пробел, который я не могу удалить

я использую FireFox, и вот результат при запуске кода

примечание:
[*]мне нужно, чтобы ::before центрировался по position: Absolute; [*]в реальном коде квадрат занимает не 100% кнопки, а 50% . я сделал это так, чтобы ошибка была понятна [*]мне не нужно заполнять квадрат с помощью ::before, а центрировать его, потому что в реальном коде он занимает всего 50 % площади.




не должно быть белых пикселей

body { фон: #111; } кнопка { дисплей: блок; ширина: 15 пикселей; высота: 15 пикселей; граница: сплошная 1 пиксель #07f; положение: относительное; фон: #fff; } кнопка::перед { содержание: ""; ширина: 100%; высота: 100%; фон: RGB (0, 209, 105); позиция: абсолютная; осталось: 50%; верх: 50%; перевести: -50%-50%;