.hwg-support-box {
	max-width: 420px;
	margin: 20px 0;
	padding: 22px;
	background: #f7f7f7;
	border: 1px solid #e2e2e2;
	border-radius: 7px;
}
.hwg-support-heading { margin-bottom: 12px; font-size: 18px; font-weight: 700; color: #222; }
.hwg-quick-amounts { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.hwg-amount-button {
	min-width: 70px;
	padding: 11px 16px;
	border: 2px solid #7e4db3;
	border-radius: 5px;
	background: #fff;
	color: #7e4db3;
	font-size: 17px;
	font-weight: 700;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, transform .1s ease;
}
.hwg-amount-button:hover, .hwg-amount-button:focus-visible { background: #f1e9f8; }
.hwg-amount-button.active { background: #7e4db3; color: #fff; }
.hwg-amount-button:active { transform: scale(.97); }
.hwg-custom-label { display: block; margin: 0 0 8px; font-size: 15px; font-weight: 600; color: #333; }
.hwg-support-input { display: flex; align-items: center; width: 180px; border: 2px solid #222; border-radius: 5px; background: #fff; overflow: hidden; }
.hwg-dollar { padding-left: 12px; font-size: 20px; font-weight: 700; color: #222; }
.hwg-support-input input {
	width: 100% !important;
	padding: 11px 10px 11px 5px !important;
	border: 0 !important;
	background: transparent !important;
	color: #222 !important;
	-webkit-text-fill-color: #222 !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	box-shadow: none !important;
	outline: none !important;
}
.hwg-support-note { margin: 7px 0 0; font-size: 12px; color: #666; }
.hwg-support-price { font-size: 18px; font-weight: 600; }
@media (max-width: 500px) {
	.hwg-support-box { padding: 18px; }
	.hwg-quick-amounts { display: grid; grid-template-columns: 1fr 1fr; }
	.hwg-amount-button { width: 100%; min-height: 46px; }
}