/* Faithful port of pg-core-child's nav-to-top.css.
 * Adaptations: BEM class names (theme convention), z-index raised above the
 * speech audio player (z-index 200), and --pgsp-theme-color (undefined globally
 * here) mapped to --c-blue-royal. Visibility is toggled with a
 * .back-to-top--visible class instead of jQuery show/hide.
 */

.back-to-top {
	position: fixed;
	bottom: 3rem;
	right: 1rem;
	padding: 0;
	border: none;
	background: transparent;
	z-index: 201;
	display: none;
	cursor: pointer;
	transition: bottom 0.35s ease-in-out;
}

.back-to-top--visible {
	display: block;
}

.back-to-top__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1rem;
	border-radius: 50%;
	background-color: #fff;
}

.back-to-top__arrow {
	width: 20px;
	height: 11px;
}

.back-to-top__text {
	font-size: 15px;
	font-family: var(--f-ibm-plex-sans);
	color: var(--c-blue-royal);
	text-transform: uppercase;
	margin-top: 1px;
}