.readmore-wrapper:before {content: ""; width: 100%; height: 85px; position: absolute; left: 0; top: -85px; background-image: linear-gradient(0deg, #F4F4F4, transparent);}
.readmore-wrapper.expanded:before {display:none}
.readmore-wrapper, .readmore-wrapper .more-text, .readmore-wrapper button.read-more-toggle {z-index:1; position:relative}

.readmore-wrapper .more-text {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    height 0.4s ease,
    opacity 0.3s ease;
}

.readmore-wrapper.expanded .more-text {
  opacity: 1;
  transition:
    height 0.4s ease,
    opacity 0.3s ease 0.1s; /* opacity lags slightly on expand */
}

body button.read-more-toggle {
	background:none;
	border:none;
	padding:0;
    margin-top: 8px;
    cursor: pointer;
    text-decoration: underline;
	font: inherit
}
body button.read-more-toggle:hover,
body button.read-more-toggle:focus {
  text-decoration: underline;
  outline: none;
  background-color:transparent;
  color:inherit;

}

/* visible focus for keyboard users */
body button.read-more-toggle:focus {
  outline: 2px solid rgba(0,115,170,0.15);
  outline-offset: 2px;
}