.button {
	display: flex;
	padding: 9px 12px;
	justify-content: center;
	align-items: center;
	width: 100%;
	border-radius: 33px;
	text-align: center;
	font-size: 16px;

	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.06),
			rgba(255, 255, 255, 0.015)
		),
		rgba(0, 0, 0, 0.18);

	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.10) inset,
		0 10px 22px -18px rgba(0, 0, 0, 0.85);

	color: rgba(255, 255, 255, 0.70);
	transition:
		background 140ms ease-out,
		border-color 140ms ease-out,
		color 120ms ease-out,
		box-shadow 160ms ease-out;
}

.button:hover {
	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.10),
			rgba(255, 255, 255, 0.03)
		),
		rgba(0, 0, 0, 0.22);

	border-color: rgba(255, 255, 255, 0.12);
	color: rgba(255, 255, 255, 0.90);
}