.af-magic-button-wrapper { display: flex; width: 100%; }
.af-magic-button-align-left { justify-content: flex-start; }
.af-magic-button-align-center { justify-content: center; }
.af-magic-button-align-right { justify-content: flex-end; }
.af-magic-button-align-justify { justify-content: flex-start; }
.af-magic-button-align-justify .af-magic-button { width: 100%; }
.af-magic-button { background-color: var(--af-mb-bg, transparent) !important; color: var(--af-mb-text) !important; border: 1px solid var(--af-mb-border, transparent) !important; border-radius: var(--af-mb-radius) !important; font-family: var(--af-mb-font-family) !important; padding: 10px 14px; font-weight: 600; font-size: 14px; line-height: 1; cursor: pointer; transition: all 0.3s ease; }
.af-magic-button:hover { background-color: var(--af-mb-hover-bg, transparent) !important; color: var(--af-mb-hover-text) !important; border-color: var(--af-mb-hover-border, transparent) !important; transform: translateY(-1px); }
.af-magic-button:focus { outline: none; box-shadow: 0 0 0 2px rgba(0, 194, 168, 0.35); }
/* UI/UX FIX: Visual feedback for clicked state */
.af-magic-button.af-magic-button-is-loading {
	opacity: 0.6 !important;
	pointer-events: none !important;
	cursor: not-allowed !important;
	transition: opacity 0.2s ease-in-out;
}