// ============================================================================
// :: Skip
// ============================================================================
.a-skip {
	position: absolute;
	top: -1000px;
	left: -1000px;
	z-index: $z-index-highest + 1;

	padding: 1rem 2rem;

	font-family: $font-family-beausans;
	font-weight: $font-weight-bold;
	font-size: $font-size-1x-large;
	text-align: left;

	border-radius: $border-radius-l;
	border: none;

	background-color: $background-color-green;

	color: $text-color-white;

	&:focus:not(:hover) {
		top: 0;
		left: 0;

		box-shadow:
			0 0 0 0.2rem $background-color-white,
			0 0 0 0.3rem $outline-color-green;
		outline: none;
	}
}