/***   BUTTON   ***/



.button
	{
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}

.button:is([data-open="true"]) .expand
	{
		display: block;
	}

.button > *
	{
		z-index: 500;
	}



/***   SHARE   ***/



.expand
	{
		display: none;
		position: absolute;
		z-index: 10;
		cursor: auto;
		background-color: #ffffff;
		padding: 10px 20px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
		right: 10px;
		bottom: 30px;
	}

.share ul::before
	{
		content: "Delen op:";
		padding: 0px 10px 0px 0px;
	}

.share > .iconlist /***   WEG ? - Verhuizen naar icons?   ***/
	{
		align-items: center;
	}

.share > .iconlist::--attr-class
	{
		add: row-column;
	}

.icons > .iconlist::--attr-class
	{
		add: column-row;
		remove: row-column; /***   Deze wordt niet uitgevoerd? Hierdoor probleem hieronder   ***/
	}

/***   WEG - Probleem bij icons   ***/
.iconlist li a
	{
		justify-content: flex-start;
	}