@charset "UTF-8";
/*
 * cta-btn.css
 * CTAボタン共通スタイル（黄緑・オレンジ）
 * btn-entry.php / btn-contact.php を使用する全ページで読み込む
 * ※ 余白・背景は呼び出し元のセクションCSSで管理する
 *
 * @package ds-basketballclub-2026
 */

/* =============================================
   ボタン本体（PC）
   ============================================= */
.btn-entry,
.btn-contact {
	font-size: 24px;
	font-weight: 900;
	padding: 32px 80px;
	gap: 24px;
	width: 570px;
	justify-content: space-between;
}

.btn-contact {
	justify-content: center;
}

/* =============================================
   レスポンシブ（タブレット 〜1024px）
   ============================================= */
@media screen and (max-width: 1024px) {

	.btn-entry,
	.btn-contact {
		font-size: 20px;
		padding: 28px 64px;
		width: 480px;
	}

}

/* =============================================
   レスポンシブ（SP 〜768px）
   ============================================= */
@media screen and (max-width: 768px) {

	.btn-entry,
	.btn-contact {
		font-size: 18px;
		padding: 20px 32px;
		width: 100%;
		justify-content: center;
	}

}