.btn-primary {
	background-color: var(--color-primary-dark) !important;
	border-color: var(--color-primary-dark) !important;
}

.btn-primary:hover {
	background-color: var(--color-primary-dark) !important;
	border-color: var(--color-primary-dark) !important;
	opacity: 0.9;
}

.btn-white-banner {
	background-color: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-primary-dark);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	transition:
		transform 0.3s ease-out,
		box-shadow 0.3s ease-out;
}

.btn-white-banner:hover {
	background-color: #e6e6e6;
	border-color: #e6e6e6;
	color: var(--color-primary-dark);
	transform: translateY(-5px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.btn-white-banner:active {
	background-color: var(--color-white) !important;
	border-color: var(--color-white) !important;
	color: var(--color-primary-dark) !important;
	transform: translateY(0) !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}