Как сделать такой эффект с помощью hover?

Question

[Nikita Titov]

wrapbootstrap.com/preview/WB0N64HDJ - вот на этом лендинге. Прокрутите пожалуйста вниз до параклакса мужчины в очках. На паралаксе сразу увидите кнопку, при наведении у неё такой невзрачный эффект. Но я его сделать не могу, хоть вот уже час пытаюсь. Пробовал с опасити, цвет менять, но всё не то. Но для вас, гуру, вероятно это изи. Так если не сложно, помогите мне пожалуйста.

Answer 1

[Andrew]

.btn{
      border: 2px solid #fff;
      transition: all .2s linear;
      opacity: 1;
    }
    .btn:hover{
      opacity: .8;
    }

Answer 2

[Иван Дрожжин]

Может натолкну на мысль для будущих изысканий