/**
 * お問い合わせ CTA（インライン）
 * sticky CTA と同じボタンクラスを利用（wrap-mobile-sticky-cta）
 */

.wrap-inline-cta {
	margin: 1.5rem auto 2rem;
	max-width: 520px;
}

.wrap-inline-cta .wrap-sticky-cta__inner {
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
	border-top: none;
}

@media (min-width: 769px) {
	.wrap-inline-cta .wrap-sticky-cta__btn {
		font-size: 11px;
		min-height: 56px;
	}
}

/* hover / focus を3ボタンで統一（テーマの a:hover 打ち消し） */
.wrap-inline-cta .wrap-sticky-cta__btn:hover,
.wrap-inline-cta .wrap-sticky-cta__btn:focus-visible {
	opacity: 0.88;
	transform: scale(0.98);
	text-decoration: none;
	outline: none;
	box-shadow: none;
}

.wrap-inline-cta a.wrap-sticky-cta__btn--line:hover,
.wrap-inline-cta a.wrap-sticky-cta__btn--line:focus-visible {
	color: #fff;
	background: #06c755;
}

.wrap-inline-cta a.wrap-sticky-cta__btn--tel:hover,
.wrap-inline-cta a.wrap-sticky-cta__btn--tel:focus-visible {
	color: #fff;
	background: var(--arc-brand-ink, #2c2e36);
}

.wrap-inline-cta .wrap-sticky-cta__btn--form:hover,
.wrap-inline-cta .wrap-sticky-cta__btn--form:focus-visible {
	color: #1a1a1a;
	background: var(--arc-brand-yellow, #ffe900);
}
