/* Override buttons styles */
#siteBody .button {
	appearance: none;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 2.25rem;
	font-family: "Aleo", serif;
	font-weight: 700;
	height: 3.5rem;
  letter-spacing: 0.075rem;
  line-height: 3.5rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition-property: color, background-color, border-color, box-shadow;
	transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
	transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	transition-delay: 0s, 0s, 0s, 0s;
	transition-behavior: normal, normal, normal, normal;
  
	&.btn-primary {
		color: #fff;
		background-color: var(--accent-color);
		border-color: var(--accent-color);

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

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

	/* OUTLINE BUTTONS */

	&.btn-outline-primary {
		color: var(--accent-color);
		background-color: transparent;
		background-image: none;
		border-color: var(--accent-color);

		&:hover {
			color: #fff;
			background-color: #b58f3e33;
		}

		&:active{
			color: #fff;
			background-color: #b58f3e33;
		}
	}
}