.charity-donate-btn-wrap {
	display: flex;
}
.charity-donate-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	border: none;
	font-family: inherit;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}
.charity-donate-btn:active {
	transform: translateY(1px);
}
.charity-donate-btn svg {
	width: 1em;
	height: 1em;
}

/* Width comes from the widget's Width control, which sets --cdb-width on
   this element. Two classes on purpose: the popup action renders a real
   <button>, and Elementor's Global Kit styles bare `button` at (0,1,1) —
   which would outrank a single-class rule here.

   justify-content is unconditional rather than tied to the full-width
   value: at auto width the button is content-sized, so centering has no
   effect, and that avoids a second rule that has to stay in step with the
   first. */
.charity-donate-btn-wrap .charity-donate-btn {
	width: var(--cdb-width, auto);
	justify-content: center;
}