React JS не загружает и не использует файлы CSS ⇐ CSS

[Anonymous]

Создан с использованием VITE.
Я пробовал несколько раз, проект не загружается и не использует файл стиля CSS, который я сделал. . < /p>
Страница: < /p>
import '../styles.css';
function Explore() {
return(

Test

filterPosts("All")}>All
filterPosts("Personal")}>Personal
filterPosts("Technology")}>Technology
filterPosts("Travel")}>Travel
Surprise Me!





);
}

export default Explore;
< /code>
css: < /p>
.filter-butt {background-color: 'transparent';
color: '#482f20';
text-Align: 'center';
border-Radius: '10px';
border-Width: '2px';
border-Color: '#482f20';
font-Size: '16px';
cursor: 'pointer';
width: 'auto';
padding: 'calc(.875rem - 1px) calc(1.5rem - 1px)';
position: 'relative';
font-Weight: '600';
margin: '3px';
box-decoration-break: '0 3px 3px rgba(0, 0, 0, 0.1)'}
< /code>
оба файла (app.css и styles.css) импортируются в app.jsx и main.jsx. < /p>
Как видите, по умолчанию кнопка используется

Подробнее здесь: https://stackoverflow.com/questions/794 ... -css-files