.abr-back-to-top {
	position: fixed;
	bottom: 75px;
	right: 10px;
	z-index: 100;
	display: flex;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: scale(1);
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background-color: var(--e-global-color-secondary);
	color: white;
	transition: opacity 150ms ease-in-out,
		visibility 150ms linear,
		transform 150ms ease-in-out,
		background-color 100ms ease-in-out;

	svg {
		height: 20px;
		width: 20px;
	}

	&.is-hidden {
		opacity: 0;
		visibility: hidden;
		transform: scale(0.9);
		pointer-events: none;
	}

	&:hover {
		background-color: black;
		color: var(--e-global-color-secondary);
	}

	@media (min-width: 555px) {
		width: 55px;
		height: 55px;

		svg {
			height: 28px;
			width: 28px;
		}
	}
}