/* MGH design system – primary button. Use class .mgh-button for consistent CTA styling across widgets. */
/* Padding 15px 20px 17px 30px; border-radius 8px; token blue bg; hover #7C859C. Icon optional via .mgh-button__icon. */

.mgh-button {
	display: inline-flex;
	padding: 15px 20px 17px 30px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 8px;
	background-color: #2c3a60;
	color: #fff;
	font-family: Poppins, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	border: none;
	cursor: pointer;
}

a.mgh-button {
	cursor: pointer;
}

.mgh-button:hover {
	background-color: #7C859C;
	color: #fff;
}

.mgh-button__icon {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	color: currentColor;
}

.mgh-button__icon svg {
	display: block;
	width: 100%;
	height: 100%;
}