/* Shared button UI state — paired with buttonState.js (SrxButton).
   Spacing between the spinner and the label is handled by the button's own
   flex `gap`, so the spinner class only needs sizing. */

.srx-btn-spinner {
	width: 16px;
	height: 16px;
	border-width: 2px;
}

.srx-btn-error {
	margin: 8px 0 0;
	text-align: center;
	font-family: 'CeraProMedium', sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #EC5C54;
}