.ddtext {
	max-height: 150px;
	overflow: hidden;
	position: relative;
}
.ddtext.active {
	max-height: none !important;
}
.ddtext[data-init]:after {
	display: block;
	content: "";
	position: absolute;
	bottom: 25px;
	left: 0;
	right: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff');
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #fff);
	background: -o-linear-gradient(rgba(255, 255, 255, 0), #fff);
	background: linear-gradient(rgba(255, 255, 255, 0), #fff);
	height: 60%;
	z-index: 1;
}
.ddtext.active[data-init]:after {
	display: none;
}
.ddtext__action {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 10px;
	background-color: #fff;
	z-index: 2;
	color: #848484;
}
.ddtext.active .ddtext__action {
	position: inherit;
	padding-top: 0;
}
.ddtext__action > a:before {
	color: #000;
	text-decoration: underline;
	content: attr(data-name-show);
}
.ddtext.active .ddtext__action > a:before {
	content: attr(data-name-hide);
}