.showmore .button
	{
		position: relative;
		margin: 0px 0px 20px;
	}

.showmore .button .text
	{
		position: relative;
		z-index: 1;
		display: flex;
		align-items: center;
	}

.showmore .button .text::before
	{
		content: "";
		height: 15px;
		width: 15px;
		margin-top: 3px;
		margin-right: 10px;
		display: inline-block;
		background-repeat: no-repeat;
		background-position: center center;
		transform: rotate( 90deg );
		background-image: url(https://library.silk.nl/0003/graphics/icons/navigation/chevron-semi-radius.svg);		
	}

.page > :is([data-expandable="true"][data-expanded="true"]) .showmore .text::before
	{
		transform: rotate( -90deg );		
	}

.showmore > ::after
	{
		content: "";
		display: block;
		height: 1px;
		background: rgba( 0, 0, 0, 0.1 );
		width: 100%;
		position: absolute;
		top: 15px;
	}