@charset "UTF-8";
/* Buttons */
.buttonWrap {
	margin-top: 1.5rem;
	display: flex;
	gap: 1rem;
}
.buttonWrapNoMargin { margin-top: 0; }
button, .btn-primary, .btn-secondary, input[type=button], input[type=submit], input[type=reset] {
	font-family: var(--paragraph-font);
	font-weight: 400;
	font-size: clamp(0.8rem, 1.35vw, 1rem);
	font-style: normal;
	cursor: pointer;
	border: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 6px;
	/* border-radius: 6px; */
	padding: 0.6rem 1.2rem;
}
@media (max-width: 1000px) { button, .btn-primary, .btn-secondary, input[type=button], input[type=submit], input[type=reset] { letter-spacing: 2px; } }
@media (max-width: 800px) { button, .btn-primary, .btn-secondary, input[type=button], input[type=submit], input[type=reset] { letter-spacing: 1px; } }
.centred a, .centred input[type=submit] { margin: 0 auto 0 auto; }
.btn-primary:link, .btn-primary:visited, input[type=button], input[type=submit], input[type=reset] {
	background-color: var(--buttonPrimary_backgroundColor);
	color: var(--buttonPrimary_textColor);
}
.btn-primary:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
	background-color: var(--buttonPrimary_hoverColor);
	color: var(--buttonPrimary_textHoverColor);
}
.btn-secondary:link, .btn-secondary:visited {
	border: 1px solid #ADADAD;
	background-color: var(--buttonSecondary_backgroundColor);
	color: var(--buttonSecondary_textColor);
}
.btn-secondary:hover {
	background-color: var(--buttonSecondary_hoverColor);
	color: var(--buttonSecondary_textHoverColor);
}