/* Global button system: primary | secondary | outline | text */

.smc-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 32px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	border-radius: var(--sm-radius);
	transition: var(--sm-transition);
	white-space: nowrap;
}

.smc-btn span { position: relative; z-index: 1; }

.smc-btn--primary {
	background: var(--sm-accent);
	color: #08080a;
}
.smc-btn--primary:hover { background: var(--sm-primary); color: #fff; transform: translateY(-2px); }

.smc-btn--secondary {
	background: var(--sm-secondary);
	color: #fff;
}
.smc-btn--secondary:hover { background: var(--sm-accent); color: #08080a; transform: translateY(-2px); }

.smc-btn--outline {
	background: transparent;
	color: inherit;
	border: 1px solid currentColor;
}
.smc-btn--outline:hover {
	background: var(--sm-accent);
	border-color: var(--sm-accent);
	color: #08080a;
	transform: translateY(-2px);
}

.smc-btn--text {
	padding: 0;
	text-transform: none;
	letter-spacing: normal;
	font-size: 15px;
	font-weight: 600;
	color: var(--sm-accent);
	border-bottom: 1px solid transparent;
}
.smc-btn--text:hover { border-bottom-color: currentColor; }

.smc-hero__actions,
.smc-cta__actions,
.smc-404__actions {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}
.smc-hero--align-center .smc-hero__actions { justify-content: center; }