@import '@financial-times/o3-foundation/css/core.css';
@import '@financial-times/o3-button/css/core.css';
@import '@financial-times/o-visual-effects/main';
@import '@financial-times/o-grid/main';

@include oVisualEffects(
	$opts: (
		'shadows': (
			'high'
		)
	)
);

$button-height: 40px;
$notification-top: calc(100vh - $button-height - var(--o3-spacing-s));

.back-to-top__container {
  text-align: center;
  width: 100%;
  height: 0;
  position: sticky;
  top: $notification-top;
  z-index: var(--o3-z-navigation-popover);
  @media print {
		display: none;
	}
}