.button a {
	color: #fff;
}

.red-button {
	border-radius: 50px;
	padding: 9px 20px;
	background-color: var(--red);
	color: #fff;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	font-weight: 700;
}

.red-button img {
	margin-right: 6px;
	margin-bottom: 5px;
}

.thin-red-button {
	border-radius: 50px;
	padding: 3px 12px 5px 12px;
	background-color: var(--red);
	color: #fff;
	border: 1px solid var(--red);
	font-weight: 700;
}

.thin-red-button .button-name {
	font-size: 14px;
	color: #fff;
}

.thin-red-button img {
	margin-right: 6px;
}

.thin-gray-button {
	border-radius: 50px;
	padding: 4px 12px 6px 12px;
	background-color: var(--gray);
	color: #fff;
	font-size: 14px;
}

.thin-gray-button .button-name {
	font-size: 14px;
	color: #fff;
}

.thin-gray-button img {
	margin-right: 6px;
	margin-bottom: 3px;
}

.white-button {
	padding: 8px 17px 4px 17px;
	opacity: 0.9;
	background: #FFF;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
	font-size: 14px;
}

.white-button img {
	margin-bottom: 5px;
}

.white-button a {
	color: #000;
}

.white-button a:hover {
	color: #292D32;
}


.small-round-gray-button {
	border-radius: 50%;
	background: #292D32;
	padding: 5px 10px;
	margin-right: 10px;
}

.green-button {
	background: rgb(212, 237, 218)!important;
  	color: rgb(21, 87, 36);
}

.good-green-button {
	background:#07c160;
  	color:#fff;
}

.drop-shadow {
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}