#payment-form .btn-credit-card,
body .btn-credit-card,
.btn-credit-card {
	display: block !important;
	margin: 0 auto !important;
	width: 70%;
	background: linear-gradient(135deg, #4a90e2, #357ABD) !important;
	color: white !important;
	font-size: 1.5em !important;
	font-weight: 600 !important;
	padding: 15px 40px !important;
	border-radius: 12px !important;
	text-align: center !important;
	text-decoration: none !important;
	box-shadow: 0 6px 12px rgba(53, 122, 189, 0.5) !important;
	transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease !important;
	user-select: none !important;
	cursor: pointer !important;
}

#payment-form .btn-credit-card:hover,
body .btn-credit-card:hover,
.btn-credit-card:hover {
	background: linear-gradient(135deg, #357ABD, #2a5d8f) !important;
	box-shadow: 0 8px 16px rgba(41, 90, 143, 0.7) !important;
	transform: translateY(-2px) !important;
}

#payment-form .btn-credit-card:active,
body .btn-credit-card:active,
.btn-credit-card:active {
	box-shadow: 0 4px 8px rgba(41, 90, 143, 0.5) !important;
	transform: translateY(0) !important;
}

@media only screen and (max-width: 800px) {
  .btn-credit-card {
    font-size: 20px;
    padding: 12px 30px;  /* パディングも調整 */
  }
}