// -------------------------------------------------------------------
// :: POPUP
// -------------------------------------------------------------------


.styleguide .m-popup{
	position: relative;
}

.m-popup{
	display: inline-block;
	padding: 2rem;
	border-radius: $border-radius;
	box-shadow: $box-shadow-heavy;
	border: $border-simple;
	max-width: 20rem;
	position: fixed;
	background-color: $white;
	bottom: -0.3rem;
	right: 2rem;

	.a-button {
		padding: 0 0.98em;
	}
}

.m-popup__close{
	color: $font-color;
	text-decoration: none;
	position: absolute;
	top: 1rem;
	right: 1rem;

	&:hover{
		color: $primary-color;
	}
}