/* Icon button */
a.icon-button {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--e-global-color-3bd2cc8);
	justify-content: center;
	align-items: center;
	display: flex;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
	transition: background 0.3s ease;
}

a.icon-button svg {
	width: 24px;
	height: 24px;
	color: var(--e-global-color-text);
}

a.icon-button:hover {
	background: var(--e-global-color-accent);
}

/* Go-to-top variant: verborgen tot .is-visible (JS) */
a.icon-button.top {
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
	transition: background 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}

a.icon-button.top.is-visible {
	opacity: 1;
	visibility: visible;
}