.button {
	display: inline-block;
	padding: 1rem 2rem;
	text-decoration: none;
	border: 1px solid transparent;
	cursor: pointer;
	font-weight: bold;
}

.button:hover {
	opacity: .8;
}

.button--principal {
	background: var(--cor-principal);
	color: var(--cor-branco);
}

.button--complementar2 {
	background: var(--cor-complementar2);
	color: var(--cor-branco);
}

.button--complementar3 {
	background: var(--cor-complementar3);
	color: var(--cor-branco);
}

.button--complementar4 {
	background: var(--cor-complementar4);
	color: var(--cor-branco);
}

.button--complementar11 {
	background: var(--cor-complementar11);
	color: var(--cor-branco);
}

.button--vazado2 {
	border-color: var(--cor-complementar2);
	color: var(--cor-complementar2);
}

.button--vazado2:hover {
	background-color: var(--cor-complementar2);
	border-color: var(--cor-complementar2);
	color: var(--cor-branco);
}

.button--size1 {
	font-size: 1em;
}

.button--size2 {
	font-size: 1.2em;
}

.button--size3 {
	font-size: 1.4em;
}

@media (max-width: 600px) {
	.botao-doar {
		padding: 1rem;
	}
}