.readmore-fade { position: relative; }
.readmore-fade::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 3rem;
  background: linear-gradient(to bottom, transparent, #fff);
  backdrop-filter: blur(4px);
  mask-image: linear-gradient(to bottom, transparent, #000);
  scroll-behavior: smooth;
}

.body-readmore__btn {
  display:block;
  margin:2rem auto 0;
  
  border:0;
  background:none;
  cursor:pointer;
  font:inherit;
  color: var(--color-text-neutral-medium);
  line-height:inherit;
}

.body-readmore__btn {
  padding-bottom:1rem;

  @media (min-width: 43.75rem) {
   padding-bottom:4rem;
  }
}

.body-readmore {
  margin-block-end:2.5rem;;

  @media (min-width: 43.75rem) {
   margin-block-end:2.5rem ;
  }
}