.gallery {
   &__inner {
      position: relative;
   }
   &__image {
      display: block;
      width: 100%;
      height: 280px;
      background-size: cover;
   }
   &__overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      transition: .5s ease;
      background-color:rgb(51, 51, 51);
   }
   &__icon {
      width: 70px;
      height: 70px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
   }
}

.gallery__inner:hover .gallery__overlay {
   opacity: 0.8;
 }

.gallery__button {
   text-transform: uppercase;
   &_link {
      color: rgb(148, 148, 148);
      text-transform: uppercase;
      font-weight: 700;
      display: block;
      width: 100%;
      border: none;
      background-color: #F5F5F5;
      padding: 40px 28px;
      font-size: 16px;
      cursor: pointer;
      &:hover {
         color: rgb(16, 202, 196);
         transition: 0.5s all;
      }
   }
}