Eu adicionei uma classe "spoiler" em CSS para usar para, bem, spoilers. O texto normalmente é invisível, mas aparece quando o mouse passa o mouse sobre ele para revelar o spoiler para quem quiser lê-lo.

.spoiler{
    visibility:hidden;

}
.spoiler:hover {
    visibility:visible;
}

Deve ser simples, mas por algum motivo isso não funciona. O texto permanece invisível mesmo quando eu aponto o mouse sobre ele. Alguma ideia do que poderia estar causando isso?