body {
	padding: 0;
	margin: 0;
	height: 100vh;
	background-color: #6544ff;
	display: grid;
	place-items: center;
}

* {
	outline: none;
}

.generate-btn {
	padding: 16px 32px;
	border: none;
	background: #212022;
	box-shadow: 0px 6px 0px #1c1b1d;
	border-radius: 8px;
	border: 2px solid #312f33;
	margin: 0 auto;
	display: block;
	color: rgb(235, 235, 235);
	cursor: pointer;
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	transition: .1s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.generate-btn:hover {
	transform: scale(0.98);
}

.generate-btn:active {
	transform: scale(0.96);
	box-shadow: 0px 0px 0px #c7c7c7a2;
}