.cd-top {
	display: none;
	align-items: center;
	justify-content: center;
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	width: 3rem;
	height: 3rem;
	padding: 0.5em;
	border: none;
	border-radius: 50%;
	background-color: var(--wp--preset--color--primary, #000);
	color: var(--wp--preset--color--white, #fff);
	cursor: pointer;
	opacity: 0;
	transition:
		opacity 0.3s ease,
		background-color 0.3s ease,
		display 0.3s ease allow-discrete;
	z-index: 9;
}

.cd-top svg {
	fill: currentColor;
}

.cd-top.cd-is-visible {
	opacity: 1;
}

.cd-top:hover {
	background-color: var(--wp--preset--color--secondary, #333);
}