/***   CTA   ***/

.cta.position-top
	{
		position: absolute;
		top: 20px;
		right: 20px;
	}


/***   BUTTON   ***/



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

.button:is([data-open="true"])
	{
		z-index: 500;
	}

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



/***   SHARE   ***/



.button > .expand
	{
		display: none;
		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;
	}

.cta:not(.position-top) .button > .expand
	{
		position: absolute;
	}

.iconlist svg
	{
		height: 24px; /*** gelijk getrokken aan de call-to-action ***/
	}

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

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

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

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