Как сделать значок в центре кнопки ⇐ CSS

[Anonymous]

Это мой блок HTML-кода:






Я получаю значки из Boxicon
У меня возникли проблемы с тем, чтобы значок оставался в центре блока кнопок. У меня ничего не получается, когда я пытаюсь использовать это:
display: flex;
justify-content: center;
align-items: center;

Он все еще не в центре, сейчас вот так
а еще я пытаюсь использовать ,тоже не используется.
line-height: 2;

ниже приведен мой CSS-код:
.close-icon {
position: absolute;
}

#close-button {
padding: 2px;
display: flex;
justify-content: center;
align-items: center;
margin:auto;
width: 50px;
height: 50px;
}

.bx-x-circle {
font-size: 30px;
line-height: 2;
}


Подробнее здесь: https://stackoverflow.com/questions/798 ... the-button