.gallery {
  padding: 100px 0;
  @include desktop-lg {
    padding: 70px 0 50px;
  }
  @include tablet {
    padding: 50px 0 0;
  }
  &-item {
    opacity: 1;
    transition: all 0.5s $site-ease;
    margin-bottom: 30px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.09);
    a {
      cursor: url(../images/plus.png), auto;
    }
    img {
      max-width: 100%;
    }
    &:hover {
      transform: scale(1.02);
    }
  }

  &-button-platform {
    padding-bottom: 20px;

    a {
      background: $primary-color;
      transition: all 0.3s ease-in-out;
      position: relative;
      font-family: "Lato", sans-serif;
      padding: 10px 50px;
      text-transform: uppercase;
      font-size: 12px;

      .badge {
        top: -7px;
        position: absolute;
        color: #f7f1f1;
        background: #31639c;
        border-radius: 50px;
        padding: 7px 20px;
        font-size: 10px;
        font-weight: 400;
        right: -20px;
      }
    }

    &-pragrap {
      font-size: 12px;
    }
  }
}