.wrapper {
	background-color: #fff;
	margin: 0 auto;
	position: relative;
	width: 100%;
}

.text-container {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.75rem;
	max-height: 200px;
	overflow: hidden;
	transition: max-height .5s ease;
	color: #262D29;
}
.text-container p {
	color: #262D29 !important;
}
.text-container.show {
	max-height: 2000px;
}

.gradient::before {
	content:'';  
	height: 200px; 
	position:absolute; 
	bottom:0px; 
	left:0; 
	width:100%; 
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); 
	transition:height .25s ease;
}
.show.gradient::before { height:50px;}

.show-btn {
	background-color:transparent;
	border: none;
	border-radius: 100%;
	bottom: 10px;
	color: #00B96C;
	cursor: pointer;
	height: 40px;
	left: 50%;
	margin-left: -20px;
	position: absolute;
	width: 40px;
	font-size:20px;
}

.show-btn.fa.rotate {transform:rotate(180deg); 
}