@charset "UTF-8";

button#order {
	--color: #fff;
	/*   --movement: cubic-bezier(0.75, 0, 0.55, 0.45); */
	--movement: cubic-bezier(0.75, 0, 1, 0.5);
	z-index: 99999;
	position: absolute;
	width: 90px;
	height: 2rem;
	font-family: "Rubik", sans-serif;
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
	opacity: 0;
	border-radius: 4px;
	border: 2px solid var(--color);
	color: var(--color);
	background-color: #00000099;
	transition:
		color 0.2s ease-out,
		border 0.2s ease-out,
		left 4s var(--movement),
		top 4s var(--movement),
		opacity 0.3s ease-in;
	backdrop-filter: blur(3px);

	&:is(:hover) {
		--color: #ff0000;
		filter: brightness(1.2);
		transition:
			color 0.2s ease-in,
			border 0.2s ease-in;
	}

	&:is(:active) {
		--color: #ff0000;
		filter: brightness(0.8);
	}
}
