.header-button {
	background-color: var(--burnt-sienna);
	padding: 2px 8px;
}

.header-button a,
.header-button a h3 {
	text-transform: uppercase;
	font-family: var(--font-museo-700);
	font-size: 11px;
	color: var(--white);
}

.login .header-button {
	background-color: var(--white);
}

.login .header-button a,
.login .header-button a h3 {
	color: var(--off-black);
}

@media screen and (min-width: 64em) {
	.header-button a,
    .header-button a h3 {
	    font-size: 12px;
	    letter-spacing: 1px;
	}
    .header-button {
	    padding: 3.5px 8px;
	}
}