Цвет фона кнопки не соответствует тексту на экране мультимедиа ⇐ CSS

[Anonymous]

Может быть, глупый вопрос, но я здесь из-за этой маленькой проблемы. Это изображение проблемы. Как вы можете видеть, цвет фона по какой-то причине покрывает только половину текста, я хочу, чтобы он закрывал всю весь текст.
Это код, с которым я работаю:
HTML

Код: Выделить всё

Exoskeleton

99.99€
Customized Dickies Jacket

Size: (Man’s): Large

ADD TO CART

CSS

Код: Выделить всё

@media screen and (max-width: 600px) {
.add-to-cart {
font-family: Arial, sans-serif;
font-size: 16px;
white-space: nowrap;
text-align: center;
width: fit-content;
}
.details-more-container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.product-details {
display: flex;
flex-direction: column;
width: 90%;
text-align: center;
margin-bottom: 10px;
}

}

Будем благодарны за любую помощь.

Подробнее здесь: https://stackoverflow.com/questions/787 ... dia-screen