/* Shared icon styles - position overrides for components using g-icon-badge */
.icon {
	--angle: 15deg;
	position: absolute;
	font-size: 1.5rem;
	top: -0.5em;
	right: -0.5em;
	padding: 0.25em;
	background-color: var(--color-bg-tertiary);
}

.icon:focus {
	scale: 0.8;
	rotate: var(--angle);
}

/* Input-specific overrides */
input.icon {
	z-index: 3;
	box-sizing: border-box;
	text-align: center;
	width: 2.6rem;
	aspect-ratio: 1/1;
	border: none;
}

/* Animation on hover for links */
a.icon:hover,
a.icon:focus-visible {
	animation: shake 0.6s forwards;
}
