#copyToClipboardButton .notification {
	background: var(--primary);
	position: absolute;
	left: 0; /* Start from left */
	right: auto;
	width: 0%;
	height: 3px;
	z-index: -1;
	bottom: -6px;
}

/* Animation keyframes for instant switch */
@keyframes slideInOut {
	0%,
	50% {
		width: 0%; /* Starts from 0% width */
		left: 0; /* Anchored to the left */
		right: auto;
	}
	50% {
		width: 100%; /* Expands to full width */
		left: 0; /* Still anchored to the left */
		right: auto;
	}
	50.1%,
	100% {
		width: 100%; /* Remains full width */
		left: auto; /* Switches anchoring to right */
		right: 0;
	}
	100% {
		width: 0%; /* Shrinks to 0% width */
		left: auto; /* Anchored to the right */
		right: 0;
	}
}

#copyToClipboardButton {
	cursor: pointer;
}
#copyToClipboardButton .notification.animate-slide {
	animation: slideInOut 1s forwards;
}