.block-collapse {
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;

	&::before,
	&::after {
		position: absolute;
		right: 0;
		bottom: 0;
		text-align: right;
		height: 1.7em;
		line-height: 1.7em;
		cursor: pointer;
	}

	&::after{
		content: '';
		width: 70%;
		background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%);
	}

	&::before {
		content: '▼';
		z-index: 10;
		color: $gray-500;
	}

	&.reveal {
		max-height: unset !important; // override inline styles

		&::before, &::after {
			display: none;
		}
	}
}