.theme-button {
	display: inline-block;
	text-align: center;
	border-top-right-radius: 33px;
	border-bottom-left-radius: 33px;
	font-size: 1.25rem;
	font-weight: 500;
	cursor: pointer;
	background-color: var(--theme-cream);
	color: var(--theme-dk-green);
	padding: .7em 1.5em;
	transition: all .3s;
	box-shadow: 0px 0px 17px 0px #668A6F73;
}

.theme-button:hover {
	background: var(--theme-dk-green);
	color: var(--theme-cream);
}

.theme-button.green-mod {
	background: var(--theme-dk-green);
	color: var(--theme-cream);
}

.theme-button.green-mod:hover {
	background: var(--theme-cream);
	color: var(--theme-dk-green);
}

.theme-button.sage-mod {
	background: var(--theme-sage);
	color: var(--theme-cream);
}

.theme-button.sage-mod:hover {
	background: var(--theme-cream);
	color: var(--theme-dk-green);
}