mixin corner-buttons
	display flex
	justify-content center
	margin-bottom content-padding
	z-index 1
	position absolute
	top content-padding

.corner-buttons
	corner-buttons
	right content-padding

.corner-buttons-left
	corner-buttons
	left content-padding

.corner-buttons-hide-on-mobile
	display flex
	position absolute
	top content-padding
	right content-padding

	.button
		position absolute
		opacity 0
		will-change opacity

		:first-child
			opacity 1

	:hover
		.button
			opacity 1

			:nth-child(2)
				transform translateX(-100%)

			:nth-child(3)
				transform translateX(-200%)

			:nth-child(4)
				transform translateX(-300%)

			:nth-child(5)
				transform translateX(-400%)

.corner-buttons,
.corner-buttons-hide-on-mobile
	button,
	.button
		margin-left 0.5rem

< 600px
	.corner-buttons-hide-on-mobile
		display none

	.corner-buttons
		.icon
			margin-right 0

		span
			display none