/**
 * ボタン共通
 */
.ylnn-button {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 199px;
	height: 45px;
	border-radius: 7px;
	font-weight: 700;
	font-size: 10pt;
	letter-spacing: 1.96px;
	text-decoration: none;
	border: 2px solid #000000;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.25);
}

.ylnn-button span {
	text-box-trim: trim-both;
}

/**
 * バリアント: outline
 */
.ylnn-button[data-variant="outline"] {
	background-color: #ffffff;
	color: #000000;
}

/**
 * バリアント: solid-brand
 */
.ylnn-button[data-variant="solid-brand"] {
	background-color: var(--color-brand);
	color: #000000;
}

/**
 * バリアント: solid-dark
 */
.ylnn-button[data-variant="solid-dark"] {
	background-color: #000000;
	color: #ffffff;
	border-color: #545454;
}