.theme-button {
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-weight: 500;
	font-size: 1.125rem;
	border: 2px solid;
	border-color: inherit;
	padding: 12px 40px;
	cursor: pointer;
	transition: background-color .3s;
	min-width: 250px;
	background: transparent;
	box-shadow: none;
	appearance: none;
}

.theme-button:hover,
.theme-button:focus {
	background-color: var(--theme-charcoal);
	border-color: var(--theme-charcoal);
	color: #fff;
}

.theme-button.dark-bg-mod {
	color: #fff;
	border-color: #fff;
}

.theme-button.dark-bg-mod:hover,
.theme-button.dark-bg-mod:focus {
	background-color: var(--theme-primary-color);
	color: #fff;
}