.rabbit-dock {
	position: fixed;
	bottom: 20px;
	display: flex;
	flex-direction: column;
}
.rabbit-dock-button {
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.rabbit-dock-button:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.rabbit-dock-button svg{
    width: 20px;
    height: 20px;
}
.rabbit-dock-popover {
	position: fixed;
	background: #181b1e;
	color: #fff;
	padding: 6px 10px;
	border-radius: 4px;
	font-size: 12px;
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.15s ease, visibility 0.15s ease;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.rabbit-dock-popover::after {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	top: 50%;
	background: inherit;
	transform: translateY(-50%) rotate(45deg);
}
.rabbit-dock-popover.position-right::after {
	right: -3px;
}
.rabbit-dock-popover.position-left::after {
	left: -3px;
}