/* WhatsApp / Contact Message Button Component */
.whatsapp-btn {
	background-color: var(--on-surface);
	color: var(--surface);
	padding: 1.5rem 3rem;
	font-family: var(--headline-font);
	font-size: 0.75rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	transition: all 0.3s ease;
	cursor: pointer;
	width: fit-content;
	text-decoration: none;
}

.whatsapp-btn:hover {
	background-color: var(--secondary);
	transform: translateY(-2px);
}

.whatsapp-btn .material-symbols-outlined {
	font-size: 20px;
}