.yaotw-b2t {
	position: fixed;
	bottom: var(--yaotw-b2t-offset-y);
	right: var(--yaotw-b2t-offset-x);
	left: auto;
	z-index: var(--yaotw-b2t-z);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--yaotw-b2t-padding);
	border: none;
	border-radius: var(--yaotw-b2t-radius);
	background-color: var(--yaotw-b2t-bg);
	color: var(--yaotw-b2t-icon-color);
	cursor: pointer;
	transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.2s ease, color 0.2s ease;
	line-height: 0;
}

.yaotw-b2t--left {
	left: var(--yaotw-b2t-offset-x);
	right: auto;
}

.yaotw-b2t svg {
	width: var(--yaotw-b2t-size);
	height: var(--yaotw-b2t-size);
	display: block;
}

.yaotw-b2t:hover,
.yaotw-b2t:focus-visible {
	background-color: var(--yaotw-b2t-bg-hover);
	color: var(--yaotw-b2t-icon-color-hover);
	outline: none;
}

.yaotw-b2t:focus-visible {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
}

.yaotw-b2t--hidden {
	opacity: 0;
	transform: translateY(10px);
	pointer-events: none;
}

.yaotw-b2t--visible {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}