/* ----------------
BUTTONS
---------------- */
.button-wrapper {
	display: flex;
}

.button {
	display: block;
	text-align: center;
	padding: .75rem 1rem;
	line-height: 1;
	/* Trim the text box to cap height and baseline so the label sits centred */
	text-box: trim-both cap alphabetic;
	color: var(--primary-light);
	border-style: none;
	text-decoration: none;
	background: var(--primary-dark);
	cursor: pointer;
	width: 100%;
}

.button:hover {
	background: var(--highlight);
	color: var(--primary-dark);
}