.content-page-gate {
  padding: 24px 1rem;
  margin-top: map-get($spacers, block);
  margin-bottom: map-get($spacers, block);
  border: 1px solid #e3e4e5;
  border-radius: 4px;

  &__title {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: $font-weight-semibold;
    line-height: 1;
    color: $gray-800;
    letter-spacing: .25px;
  }

  &__body {
    margin-bottom: 15px;
    font-family: $theme-font-family-serif;
    font-size: 16px;
    color: #222;
    > p {
      margin-bottom: 8px;
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
}

.content-page-preview-overlay {
  position: relative;
  width: 100%;
  height: 50px;
  margin-top: -74px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
}