/* 333AG Pro Theme — buttons v1.0.0 (Light & Teal Professional) */
.btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem;
	font-family: var(--at-font-display); font-weight: 600;
	padding: 0.8rem 1.6rem; border-radius: 0.5rem;
	border: 1px solid transparent; cursor: pointer;
	min-height: 50px; transition: var(--at-transition);
	text-decoration: none; font-size: 0.95rem; letter-spacing: 0.02em;
}
.btn:hover { transform: translateY(-1px); text-decoration: none; }
.btn:active { transform: translateY(0); }

/* Primary — teal background, white text */
.btn-teal {
	background: var(--at-accent); color: #ffffff; border-color: var(--at-accent);
	box-shadow: 0 3px 12px rgba(13, 148, 136, 0.22);
}
.btn-teal:hover { background: var(--at-accent-hover); color: #ffffff; border-color: var(--at-accent-hover); box-shadow: 0 5px 16px rgba(10, 122, 111, 0.32); }

/* Secondary — transparent, teal border, teal text */
.btn-outline {
	background: transparent; color: var(--at-accent); border-color: var(--at-accent);
}
.btn-outline:hover { background: var(--at-accent); color: #ffffff; border-color: var(--at-accent); }

button, input[type="submit"], input[type="button"] { font-family: var(--at-font-body); }