/* Shared favourite bookmark button (RT singles, Ref Pack singles, favourites page). */

[data-ahr-favourite].is-favourited .ahr-fav-btn__icon--empty,
.ahr-rt-author-bar__favourite.is-favourited .ahr-rt-author-bar__favourite-icon--empty,
.ahr-refpack-single-favourite.is-favourited .ahr-refpack-single-favourite-icon--empty {
	opacity: 0;
}

[data-ahr-favourite]:not(.is-favourited) .ahr-fav-btn__icon--filled,
.ahr-rt-author-bar__favourite:not(.is-favourited) .ahr-rt-author-bar__favourite-icon--filled,
.ahr-refpack-single-favourite:not(.is-favourited) .ahr-refpack-single-favourite-icon--filled {
	opacity: 0;
}

.ahr-fav-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.ahr-fav-btn__icon {
	position: absolute;
	inset: 0;
	margin: auto;
	transition: opacity 0.2s ease;
}

.ahr-fav-btn--page {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 3;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12);
}

.ahr-fav-btn--page .ahr-fav-btn__icon {
	width: 18px;
	height: 18px;
}

.ahr-fav-btn:focus-visible {
	outline: 2px solid #ef4444;
	outline-offset: 2px;
}

.ahr-fav-btn:disabled {
	opacity: 0.6;
	cursor: wait;
}