.button {
	display: block;
	padding: 0.5rem;
	background-color: var(--color-primary);
	color: var(--color-off-white);
	border: 0;
	border-radius: 0.25rem;
	width: fit-content;
	font-family: "Oswald", sans-serif;

	&:hover {
		background-color: var(--color-accent);
	}

	svg {
		height: 1.5rem;
		position: relative;
		top: 0.3rem;
	}
}

.button--center {
	margin: 0 auto;
}

.button--burvo {
	background-color: var(--color-burvo);
	color: oklch(100% 0 0);
	margin-left: 0 !important;
}

.button--piggy-plus {
	background-color: var(--color-piggy-plus);
	color: var(--color-primary);
	margin-left: 0 !important;
}

.button--titlesheet {
	background-color: var(--color-titlesheet);
	color: var(--color-primary);
	margin-left: 0 !important;
}