Шрифт Awesome icon не применяет правила родительского CSS

Question

Видео-превью-обложка должна оставаться невидимой. Мне не удастся сделать шрифт удивительной иконки с остальной частью контента. Я пробовал любые трюки, которые я знаю о

http://codepen.io/QwisoDev/pen/jEbgzo

.video-preview-cover:hover { 
    color: rgba(0,0,0,0) !important; 
    background-color: rgba(0, 0, 0, 0) !important; 
} 

Этот CSS скрывает весь текст и «вскрывает» заполнитель ниже, но это не относится к иконе

Answer 1

Вот быстро исправить вашу проблему

.video-preview-cover:hover .fa-heart { 
display: none!important; 
}