/* -----------------------------------------------------
   UNIVERSAL BUTTON — Free Online CV Maker
----------------------------------------------------- */

.mmc-btn {
	display: inline-block;
	padding: 14px 32px;
	font-size: 1.05rem;
	font-weight: 600;
	border-radius: 10px;
	text-decoration: none;
	cursor: pointer;

	/* TEXT + FONT */
	font-family: var(--mmc-font-alt);
	color: var(--white);
	letter-spacing: 0.4px;

	/* GRADIENT BACKGROUND */
	background-color: var(--brand-blue);

	/* MAGIC EFFECT */
	box-shadow: 0 6px 18px rgba(31, 58, 95, 0.25);
	transition: all 0.28s ease;
	border: 2px solid transparent;
}

.mmc-btn:hover {
	background: var(--white);
	color: var(--brand-blue);
	border-color: var(--brand-blue);

	/* Lift hover effect */
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(31, 58, 95, 0.3);
}

/* OPTIONAL: ACTIVE CLICK */
.mmc-btn:active {
	transform: translateY(-1px);
	box-shadow: 0 5px 12px rgba(31, 58, 95, 0.2);
}

/* Green Button Variant */
.mmc-btn-green {
	background-color: var(--brand-green);
	box-shadow: 0 6px 18px rgba(76, 175, 80, 0.25);
}

.mmc-btn-green:hover {
	background: var(--white);
	color: var(--brand-green);
	border-color: var(--brand-green);
	box-shadow: 0 10px 24px rgba(76, 175, 80, 0.3);
}

.mmc-btn-green:active {
	box-shadow: 0 5px 12px rgba(76, 175, 80, 0.2);
}