@use "colors";

@mixin header {
	display: flex;
	margin-top: 1rem;
	margin-left: 1.5rem;
	margin-bottom: 1rem;
}

@mixin button {
	color: colors.$text;
	background-color: colors.$primary-light;
	padding: 8px 12px 8px 12px;
	border: 0;
	border-radius: 5px;
	transition: background-color 0.2s ease-in-out;
	&:hover {
		background-color: colors.$primary;
	}
}