match-curriculum / react-todo-app-starter-files / src / styles / modules / button.module.scss
button.module.scss
Raw
.button {
	display: inline-block;
	height: auto;
	padding: 0.8rem 2rem;
	border: none;
	border-radius: 6px;
	font-weight: 500;
	font-size: 1.6rem;
	text-decoration: none;
	text-transform: capitalize;
	cursor: pointer;
	overflow: hidden;
	&__select {
		color: var(--black-2);
		font-family: Poppins;
		padding: 1rem;
		border: none;
		background-color: var(--bg-3);

		width: 150px;
		cursor: pointer;
	}
}
.button--primary {
	background-color: var(--primaryPurple);
	color: var(--white);
}
.button--secondary {
	background-color: var(--bg-3);
	color: var(--black-1);
}