Sergey

Код css это не обязательно "несколько файлов". Неиспользуемый и используемый код может быть и в одном файле. Гугль просит удалить именно неиспользуемый. Для этого надо проанализировать подключаемые стили на странице/страницах с помощью консоли браузера (инструменты разработчика) и вырезать из стилей неиспользуемый код. Также неиспользуемый код может быть и inline в html коде...

Вы еще код стилей не приложили.
Надо чтобы при наведении на ".swiper-slide" появлялся ".text", который внутри ".swiper-slide" и больше не исчезал? Тогда тут через javascript нужно класс добавлять для ".text" со стилями видимости. Или чтобы ".text" исчезал, как только мышка за границы ".swiper-slide" уходит? Просто через :hover достаточно. Что-то вроде такого:

.swiper-slide .text {display: none;}
.swiper-slide:hover .text {display: block;}

Это на вскидку. Возможно доработка нужна на реальном примере. Также можно не через display прятать, а через position, opacity, visible, clip и т.п... в зависимости от задач. Вообще такие примеры можете на Codepen делать и публиковать тут в вопросе, так быстрее и нагляднее вам ответить.

В продолжение обсуждения, вот Вам набросок для решения задачи. Без использования javascript, все на checkbox и css. Как нажимаете на кнопку, появляется второй блок и первый скрывается.