/* 'Uninitialized' State */
.save-recipe-button:not(.initialized) {
	opacity: 0.8;
	pointer-events: none;
}

/* 'Unsaved' State */
.save-recipe-button .button-text--unsaved {
	display: block;
}
.save-recipe-button .button-text--saved {
	display: none;
}
.save-recipe-button .button-text--saving {
	display: none;
}

/* 'Saved' State */
.save-recipe-button.saved .button-text--saved {
	display: block;
}
.save-recipe-button.saved .button-text--unsaved {
	display: none;
}
.save-recipe-button.saved .button-text--saving {
	display: none;
}
.save-recipe-button.saved {
	opacity: 1;
	pointer-events: none;
}

/* 'Saving' State */
.save-recipe-button.saving .button-text--saved {
	display: none;
}
.save-recipe-button.saving .button-text--unsaved {
	display: none;
}
.save-recipe-button.saving .button-text--saving {
	display: block;
}

/* Animation */
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.fa-spin {
	animation: spin 1s infinite linear;
}

/* Colors */
.save-recipe-button svg {
	fill: #005278;
}