.button {
	pointer-events: auto;
	cursor: pointer;
	background: #fff;
	border: none;
	padding-top: clamp(0.7rem, 3vw, 2rem);
	padding-bottom: clamp(0.7rem, 3vw, 2rem);
	padding-right: clamp(2rem, 3vw, 3rem);
	padding-left: clamp(2rem, 3vw, 3rem);
	margin: 0;
	font-size: inherit;
	position: relative;
	display: inline-block;
}
.button::before,
.button::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.button--mimas {
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-weight: 700;
	font-size: 0.85rem;
	border-radius: 200rem;
	overflow: hidden;
	color: #fff;
	background: #fff;
	margin-top: 4em;
	box-shadow: 1px 3px 20px black;
}
.button--mimas span {
	position: relative;
}
.button--mimas::before {
	content: '';
	background: #0984E3;
	color: #000319;
	width: 120%;
	left: -10%;
	transform: skew(30deg);
	transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}
.button--mimas:hover::before {
	transform: translate3d(100%,0,0);
}
.button--mimas:hover{
	color: #0984E3!important;
}
.menu{
	background: rgba(33, 0, 2, 0.27);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(8.2px);
	-webkit-backdrop-filter: blur(8.2px);
	--color-link-hover: #4caaf2!important;
}

@media screen and (max-width: 54em) {
.button--mimas{
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
}