.filled {
	width: fit-content;

	display: flex;
	justify-content: center;

	border-radius: 20px;
	padding: 20px 70px;
	user-select: none;

	transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	will-change: background-color;
}

.filled.small {
	border-radius: 10px;
	padding: 10px 30px;
}

.filled.white {
	background-color: white;
	color: var(--blue-1000);
}

.filled.white:hover {
	background-color: var(--blue-600);
	color: white;
}

.filled.blue {
	background-color: var(--blue-600);
	color: white;
}

.filled.blue:hover {
	background-color: var(--red);
}