/* Button */
.c-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 140px;
	padding: 1.0em 1.5em;
	background-color: var(--color-main);
	border: 2px solid var(--color-main);
	border-radius: 4px;
	color: #ffffff;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.1em;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.c-button--outline {
	background-color: transparent;
	color: var(--color-main);
}

@media (any-hover: hover) {
	.c-button:hover {
		background-color: var(--color-main-dark);
		border-color: var(--color-main-dark);
		color: #ffffff;
		transform: translateY(-2px);
		box-shadow: 0 4px 12px rgba(255 147 72 / 0.30);
		opacity: 1.0;
	}

	.c-button--outline:hover {
		background-color: var(--color-main);
		color: #ffffff;
	}
}