:root {
    --primary-color: #244081;
}

.blogButton {
	display: inline-block;
	width: 100%;
	padding: 0.5rem 1.25rem;
	border-radius: 9999px; /* pill shape */
	background-color: #ffffff;
	color: var(--primary-color, #244081);
	font-weight: 600;
	text-decoration: none;
	font-size: 0.875rem;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	border: 1px solid transparent;
}

.blogButton:hover {
	background-color: var(--primary-color, #244081);
	color: #ffffff;
	border-color: #ffffff;
	text-decoration: none;
	transform: translateY(-1px);
}
div.card-body {
	color:var(--primary-color, #244081);
}
div.card-body {
	color:var(--primary-color, #244081);
}