@charset "utf-8";

/*------------------------------------*\
	BUTTON
	- 공통 액션 버튼
\*------------------------------------*/

.action-button {
	display: inline-flex;
	gap: 4px;
	align-items: center;
	justify-content: center;
	min-width: 170px;
	height: 45px;
	padding: 0 19px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	background: #fff;
	box-shadow: var(--box-shadow);
	color: var(--color-main);
	font-size: var(--txt-body-1);
	font-weight: 600;
	transition: background-color 0.2s;
}

.action-button:hover {
	background: var(--color-hover);
}

.action-button--primary {
	border: none;
	background: var(--color-primary);
	color: #fff;
}

.action-button--primary:hover {
	background: var(--color-primary-hover);
}