.actueel_general_share-layout {
	padding: 0;
}

.actueel_general_share__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: max(1rem, calc(1 * var(--su)));
	padding-block: max(1rem, calc(1 * var(--su)));
	border-top: 1px solid rgba(var(--dc-black-rgb), .1);
}

.actueel_general_share__label {
	color: rgba(var(--dc-black-rgb), .55);
	font-size: var(--desktop-body-sm);
}

.actueel_general_share__actions {
	display: flex;
	align-items: center;
	gap: max(.75rem, calc(.75 * var(--su)));
}

.actueel_general_share__button {
	display: inline-grid;
	place-items: center;
	text-decoration: none;
	width: max(2.5rem, calc(2.5 * var(--su)));
	height: max(2.5rem, calc(2.5 * var(--su)));
	border: 1px solid rgba(var(--dc-black-rgb), .15);
	border-radius: 50%;
	background: var(--dc-white);
	color: var(--dc-black);
	cursor: pointer;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.actueel_general_share__button:hover {
	background: rgba(var(--dc-orange-rgb), .15);
	border-color: rgba(var(--dc-orange-rgb), .55);
}

.actueel_general_share__button .material-symbols-outlined {
	font-size: max(1.125rem, calc(1.125 * var(--su)));
}

.actueel_general_share__copy {
	position: relative;
}

.actueel_general_share__copy.is-copied {
	background: rgba(var(--dc-orange-rgb), .25);
	border-color: var(--dc-orange);
}

.actueel_general_share__copied-message {
	position: absolute;
	bottom: calc(100% + max(.5rem, calc(.5 * var(--su))));
	left: 50%;
	transform: translate(-50%, max(.25rem, calc(.25 * var(--su))));
	padding: max(.375rem, calc(.375 * var(--su))) max(.75rem, calc(.75 * var(--su)));
	border-radius: max(.25rem, calc(.25 * var(--su)));
	background: var(--dc-black);
	color: var(--dc-white);
	font-size: var(--desktop-body-xs);
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.actueel_general_share__copy.is-copied .actueel_general_share__copied-message {
	opacity: 1;
	transform: translate(-50%, 0);
}